HTML5中语义化 b 和 i 标签

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

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

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

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

时间: 2016-12-20

HTML5中语义化 b 和 i 标签的相关文章

语义化你的HTML标签和属性

语义化你的HTML标签和属性 分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容.一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记.换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用<div>来代替<p>标记标题. 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(a

CSS命名的语义化和html5为语义和体验而生

文章简介:html5–为语义和体验而生. 开篇前的一些YY 曾几何时,一个人出设计稿,出完设计稿打开DW用拖出一个页面,再苦逼一点拖完页面后自己还要写后台,武林人称:美工.更苦逼的是当每一次需求变更后,去修改一大堆发麻的 ,于是"div+css"被搬上了互联网时代的舞台,一夜间N多的<DIV+CSS>葵花宝典横空出世,那时,我们活在了div+css的年代,那时,我们用上了 之后,腰不酸,腿不痛,加班也带劲了. YY结束,切入正题 Ghost曾在2年前就以<页面重构中的

html5-HTML5的语义化标签对SEO有什么帮助?

问题描述 HTML5的语义化标签对SEO有什么帮助? HTML5新增了一些语义化方面的标签,比如artice.nav.header.section.aside等.我想问一下这些语义化标签对SEO的影响,还有除了我上面提到的标签,还有其他的HTML5特性和SEO相关的吗? 解决方案 使用HTML5语义化标签会让你页面的Page Rank变高吗 页面的Page Rank主要和内容相关性.内容质量还有外链相关.是否使用HTML5语义化标签,不会影响你的网站在搜索引擎结果中的排名,这是不用怀疑的. 这里

【原】常见的模块,你语义化了没

记得在读大学期间,去找实习,面试时被问到"什么是标签的语义化",一头汗水,也忘记那时是怎么瞎扯了,后来回宿舍,上网查"标签语义化",当时的网络对标签语义化的解释并不多,在找了很多网络资料和书籍后才对语义化有一定的了解.现在标签语义化这个专业名字,在前端开发的领域中已经不陌生了. 什么是标签语义化?为什么要标签语义化?如何语义化标签?这是一名合格的前端开发工程师需要思考的.<HTML标签语义化对照表>解释了HTML标签的语义,有助于大家理解语义化,<

网页的HTML结构进行重构:语义化标签的意义

文章简介:语义化标签的实战意义. 我收集到一些观点,大家姑且先听上一听,有人说:"没必要考虑语义化,只要我写的代码浏览器运行后没问题就行,反正领导根本不关心这些""语义化是w3c推广的,我是很想语义化我的代码,但总是用不明白""这个不好说,语义化再好有啥用,关键是有好的项目,客户才是金主!""除了专业人士,谁会去看我们的代码是不是语义化的" 不仅仅有页面重构人员的声音,也听一听工程师.设计师.还有项目管理人员,他们是怎么看&q

学习网页应知:HTML标签和属性的语义化

网页 分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容.一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记.换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用<div>来代替<p>标记标题. 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途

网页制作基础:HTML标签和属性的语义化

网页 分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容.一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记.换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用<div>来代替<p>标记标题. 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途

零才:HTML语义化在搜索引擎优化中的应用

        其实零才接触HTML语义化也不是很久,还记得第一次接触竟然是被某网络公司WEB前端招聘的HR问到,当时真的很囧.所谓吃一堑,长一智,零才决定对WEB前端和SEO结合起来学习.什么是HTML语义化?如果大家对它也较为陌生,或者决定对下面的解释理解起来有点吃力,可以参考下零才在微博中给的通俗解释.         分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容.一个XHTML元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记.换句话说,不要

详解HTML5中的template标签

一.HTML5 template元素初面   元素,基本上可以确定是2013年才出现的.干嘛用的呢,顾名思意,就是用来声明是"模板元素".   目前,我们在HTML中嵌入模板HTML,往往是类似这样的写法:   XML/HTML Code复制内容到剪贴板   <script type="text/template"> // ... </script>        实际上,并不存在type="text/template"这