HTML5 b和i标记将被赋予真正的语义


Posted in HTML / CSS onJuly 16, 2009

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

而在新的 HTML5 工作草案 中对于 b 和 i 标签是这样定义的:
以下是代码片段:

复制代码
代码如下:

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

从规范中可以注意到:b 和 i 元素将被赋予真正的语义。更应有预见性注意 b 、i 与 strong 、em 的不同使用 。
HTML / CSS 相关文章推荐
CSS3属性box-shadow使用详细教程
Jan 21 HTML / CSS
CSS3 选择器 基本选择器介绍
Jan 21 HTML / CSS
细说CSS3中box属性中的overflow-x属性和overflow-y属性值的效果
Jul 21 HTML / CSS
CSS3绘制超炫的上下起伏波动进度加载动画
Apr 21 HTML / CSS
让IE9以下版本的浏览器兼容HTML5的方法
Mar 12 HTML / CSS
基于HTML5的WebGL实现json和echarts图表展现在同一个界面
Oct 26 HTML / CSS
详解Canvas 跨域脱坑实践
Nov 07 HTML / CSS
高清屏下canvas重置尺寸引发的问题的解决
Oct 14 HTML / CSS
canvas绘制图片drawImage使用方法
Sep 15 HTML / CSS
Html5调用企业微信的实现
Apr 16 HTML / CSS
CSS 实现多彩、智能的阴影效果
May 12 HTML / CSS
Html5同时支持多端sdk的小技巧
Nov 17 HTML / CSS
HTML5 新事件 小结
Jul 16 #HTML / CSS
html5 标签
Jul 16 #HTML / CSS
HTML5 Canvas标签使用收录
Jul 07 #HTML / CSS
HTML5 Canvas 起步(2) - 路径
May 12 #HTML / CSS
HTML5 Canvas 起步(1) - 基本概念
May 12 #HTML / CSS
W3C公布最新的HTML5标准草案
Oct 17 #HTML / CSS
HTML5中的新元素介绍
Oct 17 #HTML / CSS
You might like
PHP数组去重的更快实现方式分析
2018/05/09 PHP
PHP的Trait机制原理与用法分析
2019/10/18 PHP
js常见表单应用技巧
2008/01/09 Javascript
javascript实现的像java、c#之类的sleep暂停的函数代码
2010/03/04 Javascript
Jquey拖拽控件Draggable使用方法(asp.net环境)
2010/09/28 Javascript
asp.net中System.Timers.Timer的使用方法
2013/03/20 Javascript
JS循环遍历JSON数据的方法
2014/07/08 Javascript
深入分析JSONP跨域的原理
2014/12/10 Javascript
js使用post 方式打开新窗口
2015/02/26 Javascript
详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】
2016/12/19 Javascript
代码详解JS操作剪贴板
2018/02/11 Javascript
AngularJS对动态增加的DOM实现ng-keyup事件示例
2018/03/12 Javascript
详解使用vue-admin-template的优化历程
2018/05/20 Javascript
使用node.js实现微信小程序实时聊天功能
2018/08/13 Javascript
jquery.pager.js分页实现详解
2019/07/29 jQuery
js实现无缝轮播图特效
2020/05/09 Javascript
Python加密方法小结【md5,base64,sha1】
2017/07/13 Python
Python模块的制作方法实例分析
2019/12/21 Python
Django Form设置文本框为readonly操作
2020/07/03 Python
浅析Python中字符串的intern机制
2020/10/03 Python
浅析Python requests 模块
2020/10/09 Python
CSS3中颜色线性渐变实战
2015/07/18 HTML / CSS
领先的钻石和订婚戒指零售商:Diamonds-USA
2016/12/11 全球购物
Dr. Martens马汀博士澳大利亚官网:马丁靴鼻祖
2019/07/02 全球购物
教育专业毕业生推荐信
2014/07/10 职场文书
班主任2015新年寄语
2014/12/08 职场文书
工会工作个人总结
2015/03/03 职场文书
2015员工年度考核评语
2015/03/25 职场文书
初婚初育证明范本
2015/06/18 职场文书
企业宣传语大全
2015/07/13 职场文书
应收账款管理制度
2015/08/06 职场文书
导游词之寿县报恩寺
2020/01/19 职场文书
CSS基础详解
2021/10/16 HTML / CSS
CSS实现单选折叠菜单功能
2021/11/01 HTML / CSS
Spring Security动态权限的实现方法详解
2022/06/16 Java/Android
类和原型的设计模式之复制与委托差异
2022/07/07 Javascript