HTML5中语义化 b 和 i 标签

2016-02-19 18:01 6 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的HTML5中语义化 b 和 i 标签,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - Web开发 】

b 和 i 标签在现在的 Web 标准潜规则中是不推荐使用,甚至是反对使用的,因为认为他们只是“表现”粗体和斜体,而没有任何“语义”。更多的用 strong 和 em 标签代替。

而在新的 HTML5 工作草案 中对于 b 和 i 标签是这样定义的:

从规范中可以注意到:b 和 i 元素将被赋予真正的语义。更应有预见性注意 b 、i 与 strong 、em 的不同使用 。

扩展阅读:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

HTML4 到 HTML5 的变化
A Preview of HTML 5

    The b element now represents a span of text to be stylistically offset from the normal prose without conveying any extra importance, such as key words in a document abstract, product names in a review, or other spans of text whose typical typographic presentation is emboldened.

    // b 元素现在描述为在普通文章中仅从文体上突出的不包含任何额外的重要性的一段文本。例如:文档概要中的关键字,评论中的产品名。或者代表强调的排版方式。

    The i element now represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, a thought, a ship name, or some other prose whose typical typographic presentation is italicized. Usage varies widely by language.

    // i 元素现在描述为在普通文章中突出不同意见或语气或其他的一段文本,例如:一个分类名称,一个技术术语,一个外语中的谚语,一个想法等。或者代表斜体的排版方式。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1616630.html

延伸阅读
标签: Web开发
我们在文章中一直强调HTML标签语义的重要,富含语义而且科学得当的运用HTML标签,对CSS网页布局既建立符合WEB标准的网站是非常有意义、非常有益处的。 或许有朋友感到迷惑,到底如何运用HTML标签才是保持文档语义并有良好的结构呢?我们看下面的这方面知识的介绍,相信你一定有所收获。但也请你注意,有些标签可能不符合WEB标准了,这...
标签: Web开发
HTML是人们在万维网上沟通和交流所必须要使用的核心标记语言。最新版本的超文本标记语言HTML5已经带着新的功能和要素推出了,这里提供一些信息供您学习HTML5. HTML5 是基于HTML4.01,XHTML1.0和DOM级别2HTML的下一代推荐标准。它的目标是减少对专有RIA技术的需要,就比如Adobe Flash, MicrosoftSilverlight 和 Sun JavaFX. 这个改进H...
标签: Web开发
 一、基本概念 什么是Canvas canvas 是一个新的 HTML 元素,这个元素在 HTML5  中被定义。这个元素通常可以被用来在 HTML 页面中通过 JavaScript 进行绘制图形、合成图像等等操作,也可以用来做一些动画。当然,目前 HTML5 规范还在草稿阶段,正式发布也许要等到2010年,不...
标签: Web开发
新增的结构标签 section元素 表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2等元素结合起来使用,表示文档结构。例:HTML5中section/section;HTML4中div /div。 article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。 aside元素 表示article元素内容之外的、与article元素内容相...
标签: Web开发
大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因,很多标题性的文字做成了图片。大多数情况下,切割页面的时候就直接用上了图片。在代码上,H1也就对搜索引擎失去了作用。 h1img src=http://www.****.com/xxxx.jpg/h1 其实通过一点小的调整则可以将两者兼顾。 再来看看这段。H1的代码对...

经验教程

225

收藏

35
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部