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中文字镂空、透明值、阴影效果设置示例小结
Mar 07 HTML / CSS
各大浏览器 CSS3 和 HTML5 兼容速查表 图文
Apr 01 HTML / CSS
CSS3动画:5种预载动画效果实例
Apr 05 HTML / CSS
html5 canvas 简单画板实现代码
Jan 05 HTML / CSS
HTML5 Video/Audio播放本地文件示例介绍
Nov 18 HTML / CSS
HTML5拖放API实现自动生成相框功能
Apr 07 HTML / CSS
html5关于外链嵌入页面通信问题(postMessage解决跨域通信)
Jul 20 HTML / CSS
AmazeUI在模态框中嵌入表单形成模态输入框
Aug 20 HTML / CSS
如何查看浏览器对html5的支持情况
Dec 15 HTML / CSS
面试必问:圣杯布局和双飞翼布局的区别
May 13 HTML / CSS
使用CSS实现一个搜索引擎的原理解析
Sep 25 HTML / CSS
HTTP中的Content-type详解
Jan 18 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页面间传递参数实例代码
2008/06/05 PHP
php session的锁和并发
2016/01/22 PHP
javascript addBookmark 加入收藏 多浏览器兼容
2009/08/15 Javascript
getElementByIdx_x js自定义getElementById函数
2012/01/24 Javascript
jquery 滚动条事件简单实例
2013/07/12 Javascript
DOM基础教程之使用DOM控制表格
2015/01/20 Javascript
javascript原始值和对象引用实例分析
2015/04/25 Javascript
JavaScript 实现完美兼容多浏览器的复制功能代码
2015/04/28 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
2015/10/16 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
2016/08/12 Javascript
JS制作类似选项卡切换的年历
2016/12/03 Javascript
Angularjs Promise实例详解
2018/03/15 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
2018/05/31 Javascript
微信小程序仿朋友圈发布动态功能
2018/07/15 Javascript
Vue点击切换颜色的方法
2018/09/13 Javascript
vue  自定义组件实现通讯录功能
2018/09/30 Javascript
微信小程序购物车、父子组件传值及calc的注意事项总结
2018/11/14 Javascript
Vue + Scss 动态切换主题颜色实现换肤的示例代码
2020/04/27 Javascript
JavaScript用document.write()输出换行的示例代码
2020/11/26 Javascript
Python开发WebService系列教程之REST,web.py,eurasia,Django
2014/06/30 Python
python中星号变量的几种特殊用法
2016/09/07 Python
python 图像处理画一个正弦函数代码实例
2019/09/10 Python
wxPython色环电阻计算器
2019/11/18 Python
对python中 math模块下 atan 和 atan2的区别详解
2020/01/17 Python
Python imutils 填充图片周边为黑色的实现
2020/01/19 Python
Python matplotlib 绘制双Y轴曲线图的示例代码
2020/06/12 Python
Python用K-means聚类算法进行客户分群的实现
2020/08/23 Python
MVMT手表官方网站:时尚又实惠的高品质手表
2016/12/04 全球购物
什么是事务?事务有哪些性质?
2012/03/11 面试题
银行个人求职自荐信范文
2013/12/16 职场文书
服务承诺书格式
2014/05/21 职场文书
学院党的群众路线教育实践活动第一阶段情况汇报
2014/10/25 职场文书
教师辞职信范文
2015/02/28 职场文书
物流业务员岗位职责
2015/04/03 职场文书
电工生产实习心得体会
2016/01/22 职场文书
如何让你的Nginx支持分布式追踪详解
2022/07/07 Servers