HTML5语义标记选择

Question

HTML5有一些有用的语义标记可供使用。它们实际上并不是必要的，但是“语义Web”的要点可以帮助组织大量的内容。

我刚遇到一个简单的<small>标签，这是我以前从未见过的。它的工作原理，听起来，文本变得更小。

如果!DOCTYPE html不是用于HTML5而是其他遗留文档类型，那么除了简单地执行样式/CSS调整之外，还有什么好的替代方法呢？

CSS：p {font-size: smaller}

属性：<p style="font-size: ##%">This text.</p>

Answer 1

如果!DOCTYPE html不适用于HTML5，而是用于其他遗留文档类型，该怎么办？

<small>是在HTML3.2中引入的，而不是在HTML5中引入的，所以您仍然应该使用<small>元素。

<small>在HTML5中所包含的语义含义在早期的HTML版本中并不存在，但是没有比这更好的语义了。

Answer 2

另一种方法是使用类名(如.small-text )来表示小文本。

.small-text {
    font-size: smaller;
}

然而，你也应该问问自己，是否有必要为小文本定义一个类。例如，您可能实际上希望这样做：

.subtitle {
    font-size: smaller;
    /* other styles */
}

避免创建太多无用的类名。

Answer 3

谢谢大家的回答..。

我相信<span>标记对于类似的结果是一个很好的替代方案。不同之处在于标签带有预设的大小。在通过css/attr或js继承之前，<span>会带来不同的值。

您不必担心添加一个新类，您可以让它通过相对位置继承一个样式。

即。<article><p>Text here to continue for who knows how long.<small>This is small text.</small></p></article>

<article><p>Text here to continue for who knows how long.<span>This is small text.</span></p></article>

<small> </small>的优势是它已经变小了，但是谁知道默认大小是多少呢？

<span></span>就在那里等待它的定义..。

CSS：article > span { font-size: ###;} //no class necessary unless you really want varying span sizes in the content paragraph.