Question

有时候在我当前的项目中，我自己只有HTML。嗯，我的意思是，显然它被它的父元素所包围但是......让我只使用一个代码示例。

<input name="search" type="text" />
<input value="Search" type="submit" /> | 
<a href="test.php">Test</a>

在这种情况下，“|”本身就是。在这一点上，有人可能会说使用垂直分隔符CSS类，但这不是唯一的情况。有时我可能会有类似“没有”的东西。这个可以吗？是否应该将所有内容都包装在CSS类中，即使所述类是空的并且不需要样式化？我想它可以在未来发展，以防万一有一天需要造型，但现在它只是CSS膨胀。

Answer 1

这很好。 HTML只是标记，您不必将所有内容都包装在标记内。

Answer 2

在这种情况下，“|”本身就是。

除了其他考虑因素外，不要使用ASCII艺术，它会在屏幕阅读器中产生奇怪的效果。如果需要边框，请使用CSS边框。

有时候我可能会有类似“没有”的内容。

您无法将内容包装在“一个类”中。您可以将内容包装在元素中，并且可以为该元素指定一个类，然后可以使用CSS类选择器来定位它。

如果有一个元素添加了适当的语义，那么你应该使用它。

如果要应用样式，则应添加最符合语义的元素（如果没有合适的元素，则返回到通用div或span）。然后编写一个与该元素匹配的规则集。

如果没有要添加的语义，并且没有要应用的样式，那么请不要打扰。它只是臃肿。

Answer 3

没关系。没有必要添加额外的元素来保存文本。如果你真的非常关心验证，从技术上讲，有几个元素不允许包含内联元素或文本节点，但它确实不是问题，IMO。

Answer 4

这样做没有问题。并且总是有一个标记（或者甚至）包装了一些标记，所以你仍然可以在那里应用一些CSS。

Answer 5

与任何项目一样，您添加的图层越多，它就变得越慢。

对于HTML / CSS，如果CSS经过智能编码和优化，压缩等，大多数样式都不会增加更多的处理/开销。但是，添加的越多，处理所需的时间就越长。 / p>

恕我直言，我建议除非有一个div，span等的有效需求，然后节省空间和毫秒，因为它会随着时间的推移而增加。还要记住，每个有效的HTML标记也都是CSS标记 - 例如，您可以使用CSS轻松地为每个H1标记设置样式，因为您可以将其包装在div / span中或添加ID / Class属性。