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正方体旋转示例代码
Aug 08 HTML / CSS
纯CSS3实现滚动的齿轮动画效果
Jun 05 HTML / CSS
详解CSS3的opacity属性设置透明效果的用法
May 09 HTML / CSS
使用CSS3制作一个简单的进度条(demo)
May 23 HTML / CSS
10分钟理解CSS3 Grid布局
Dec 20 HTML / CSS
html5调用摄像头功能的实现代码
May 07 HTML / CSS
HTML5 Canvas 起步(1) - 基本概念
May 12 HTML / CSS
详解HTML5中div和section以及article的区别
Jul 14 HTML / CSS
HTML5新特性 多线程(Worker SharedWorker)
Apr 24 HTML / CSS
canvas 基础之图像处理的使用
Apr 10 HTML / CSS
CSS+HTML 实现顶部导航栏功能
Aug 30 HTML / CSS
CSS中实现动画效果-附案例
Feb 28 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
ftp类(myftp.php)
2006/10/09 PHP
PHP开发的一些注意点总结
2010/10/12 PHP
深入PHP FTP类的详解
2013/06/13 PHP
php读取目录所有文件信息dir示例
2014/03/18 PHP
php实现的mongodb操作类实例
2015/04/03 PHP
php实现登录tplink WR882N获取IP和重启的方法
2016/07/20 PHP
PC端微信扫码支付成功之后自动跳转php版代码
2017/07/07 PHP
jQuery 前的按键判断代码
2010/03/19 Javascript
事件绑定之小测试  onclick && addEventListener
2011/07/31 Javascript
js multiple全选与取消全选实现代码
2012/12/04 Javascript
jquery.validate使用时遇到的问题
2015/05/25 Javascript
jquery实现简单手风琴菜单效果实例
2015/06/13 Javascript
基于Jquery实现焦点图淡出淡入效果
2015/11/30 Javascript
JavaScript解八皇后问题的方法总结
2016/06/12 Javascript
AngularJs  Using $location详解及示例代码
2016/09/02 Javascript
浅谈React 属性和状态的一些总结
2016/11/21 Javascript
Vue2.0组件间数据传递示例
2017/03/07 Javascript
详解AngularJS controller调用factory
2017/05/19 Javascript
基于JavaScript实现简单的音频播放功能
2018/01/07 Javascript
深入理解vue-class-component源码阅读
2019/02/18 Javascript
JavaScript ECMA-262-3 深入解析(二):变量对象实例详解
2020/04/25 Javascript
Js实现粘贴上传图片的原理及示例
2020/12/09 Javascript
基于Python实现一个简单的银行转账操作
2016/03/06 Python
Python的“二维”字典 (two-dimension dictionary)定义与实现方法
2016/04/27 Python
python使用标准库根据进程名如何获取进程的pid详解
2017/10/31 Python
解决tensorflow1.x版本加载saver.restore目录报错的问题
2018/07/26 Python
Python分析彩票记录并预测中奖号码过程详解
2019/07/09 Python
解决django服务器重启端口被占用的问题
2019/07/26 Python
Python爬虫运用正则表达式的方法和优缺点
2019/08/25 Python
Python3实现建造者模式的示例代码
2020/06/28 Python
指针和引用有什么区别
2013/01/13 面试题
视图的作用
2014/12/19 面试题
2014年安全生产工作总结
2014/11/13 职场文书
数据库连接池
2021/04/06 MySQL
python opencv检测直线 cv2.HoughLinesP的实现
2021/06/18 Python
ubuntu下常用apt命令介绍
2022/06/05 Servers