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

使用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
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞