HTML5语义标记替代方案

Question

HTML5有一些有用的语义标签供使用。它们实际上并不是必需的，但“语义网”的重点可能有助于组织大量内容。

我刚刚看到一个我以前从未见过的简单<small>标签。它听起来很有效，文字变小了。

如果！DOCTYPE html不适用于HTML5但其他旧版文档，除了简单地执行以下样式/ CSS调整之外，还有什么好的选择呢？

CSS：p {font-size: smaller}

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

Answer 1

  

如果！DOCTYPE html不适用于HTML5但其他旧版文档

，该怎么办？

<small>是在HTML 3.2中引入的，而不是在HTML 5中引入的，因此您仍应使用<small>元素。

在早期版本的HTML中，{5}在HTML 5中所具有的语义含义并不存在，但没有什么能比等效语义更好。

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.