-
WEB前端
站-
热门城市 全国站>
-
其他省市
-
-
15692118659
沉沙
2018-06-05
来源 ：
阅读 1178
评论 0
摘要：本文讲解了HTML5中s元素、cite元素和small元素的相关知识，希望阅读本篇文章以后大家有所收获，帮助大家对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>
本文由职坐标整理发布，欢迎关注职坐标WEB前端HTML5/CSS3频道，获取更多WEB前端知识！
喜欢 | 0
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了，明天再试试吧！
我们会在第一时间安排职业规划师联系您！
您也可以联系我们的职业规划师咨询：
版权所有 职坐标-一站式AI+学习就业服务平台 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com，All Rights Reserved.
沪公网安备 31011502005948号
资料领取
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈
