html5知识点补充—其他元素介绍

2024年2月3日 154次阅读 来源: 两仪

使用s元素显示不准确或不相关的内容

以前,s元素是特意用来显示带删除线的文字的。在HTML5中，s元素得以重新定义，它现在用来显示不正确或不相关的内容。

这意味着可以使用它显示某个产品曾经的价格，而这个产品现在的价格已经有所变化。示例如下所示：

<body>
    <h2>Tom Leadbetter's Autobiography</h2>
    <p><s>Recommended retail price $45.99</s></p>
    <p><strong>Now selling for just $50.99</strong></p>
</body>

在HTML4中，s元素被定义为删除线文本，所以默认情况下浏览器会使用删除线来显示s元素中的内容。

如果文档内容被编辑或删除，请不要使用s元素，而应使用del元素。

cite元素的变化

HTML5对cite元素的定义进行了很大的修改。在HTML4中，cite元素允许内容开发人员显示引用内容的作者或发言人。

<cite>Julies Caesar</cite> once sadi, <q>I came, I saw, I conquered.</q>

虽然从技术上来说是错误的，但cite元素还是经常在blockquote中使用。

<blockquote>
    <p>This is news about HTML5...</p>
    <cite>A person who spoke Latin</cite>
</blockquote>

然而，HTML5中的cite用来显示某个作品（书籍、诗歌）的标题。HTML5规范中还着重强调：人名并非作品标题的一部分。因此，读者可以使用如下的代码：

<p>
    one of my favourite book is 
    <cite>The Day of the Jackal</cite> by <b>Frederick Forsyth</b>
</p>

PS：HTML5规范推荐使用b元素来显示作者名。

small元素的变化

在HTML4中，small元素用来缩小字体。可是，缩小字体是显示层面的问题，应该由CSS来完成。因此，在HTML5中，small元素代表小打印体，如版权信息、条款或许可/法律信息。

<p>
    <small>
        This site is licensed under a
        <a href="#">Creative Commons Attribution-Non-Commercial 2.0</a>
        share alike license. Feel free to change, reuse modify and extend it.
    </small>
</p>

因为samll是内嵌元素，如果有需要，你可以将它嵌入其他元素中。比如嵌入到strong，它可以为该小打印体赋予重要性。

<p>
    <strong>
        <small>This content belongs to me! Don't steal it, otherwise there will be serious,seriouse trouble.</small>
    </strong>
</p>
    原文作者：两仪
    原文地址: https://segmentfault.com/a/1190000003496181
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞