是否使用没有标签的HTML是可以的吗？

Question

在我的当前项目中，有时我只有HTML标签本身。当然，它显然是由其父元素包含的，但是让我举一个代码示例。

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

在这种情况下，" | "是单独存在的。有些人可能会建议使用垂直分隔符CSS类，但这并不是唯一的情况。有时我可能会像 " by " 这样的东西没有包含在一个类中。这样可以吗？所有的东西都应该被包装在CSS类中吗，即使该类为空并且不需要样式？我想这样做可以将其未来化，以防将来可能需要样式，但现在它只是 CSS 膨胀。

- John Smith

Answer 1

没问题。HTML只是一种标记语言，你不必把所有内容都包裹在标签中。

- JohnP

Answer 2

在这种情况下，“|”是单独存在的。不要使用ASCII艺术，除了其他考虑因素外，在屏幕阅读器中会产生奇怪的效果。如果您想要边框，请使用CSS边框。有时我可能会像“by”这样的内容没有被包裹在类中。您无法将内容包装在“a class”中。您可以将内容包装在一个元素中，并将类分配给该元素，然后可以使用CSS类选择器来定位它。如果存在添加适当语义的元素，则应使用它。如果要应用样式，则应添加最具语义的元素（如果不存在适当的元素，则回退到通用的

或）。然后编写与该元素匹配的规则集。如果没有要添加的语义和没有要应用的样式，请不要费心。这只是累赘。

- Quentin

Answer 3

没问题。没有必要增加额外的元素来容纳文本。如果你真的非常关注验证，从技术上讲，有几个元素不允许包含内联元素或文本节点，但我认为这并不是一个问题。

- nickf

Answer 4

这没有问题。毕竟HTML标记中有<div>或者<span>可以包裹一些标记，因此您仍然能够对它们应用CSS。

- Haza

Answer 5

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

对于HTML/CSS来说，如果CSS编码得聪明并且优化、压缩等，则大多数样式不会增加太多处理/开销。然而，添加的越多，处理所需的时间就越长。

在我看来，除非确实需要div、span等，否则请节省空间和毫秒，因为随着时间的推移，这些都会累加。还要记住，每个有效的HTML标签也是一个CSS标签-例如，您可以使用CSS轻松地设置每个H1标签的样式，就像您可以将其包装在div/span中或添加ID/Class属性一样。

- Robert DeBoer