HTML5中语义化 b 和 i 标签


Posted in HTML / CSS onOctober 17, 2008

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

从规范中可以注意到:b 和 i 元素将被赋予真正的语义。更应有预见性注意 b 、i 与 strong 、em 的不同使用 。
扩展阅读: 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 元素现在描述为在普通文章中突出不同意见或语气或其他的一段文本,例如:一个分类名称,一个技术术语,一个外语中的谚语,一个想法等。或者代表斜体的排版方式。

HTML / CSS 相关文章推荐
CSS3中文字镂空、透明值、阴影效果设置示例小结
Mar 07 HTML / CSS
CSS3地图动态实例代码(圆圈向外扩散)
Jun 15 HTML / CSS
初探CSS3中的calc()功能
Jul 14 HTML / CSS
使用HTML5的File实现base64和图片的互转
Aug 01 HTML / CSS
逼真的HTML5树叶飘落动画
Mar 01 HTML / CSS
html5 canvas移动浏览器上实现图片压缩上传
Mar 11 HTML / CSS
HTML5 localStorage使用总结
Feb 22 HTML / CSS
HTML5 移动页面自适应手机屏幕四类方法总结
Aug 17 HTML / CSS
基于HTML5+CSS3实现简单的时钟效果
Sep 11 HTML / CSS
HTML5 播放 RTSP 视频的实例代码
Jul 29 HTML / CSS
html输入两个数实现加减乘除功能
Jul 01 HTML / CSS
HTML5的结构和语义(5):内嵌媒体
Oct 17 #HTML / CSS
HTML5的结构和语义(5):交互
Oct 17 #HTML / CSS
HTML5 语义化结构化规范化
Oct 17 #HTML / CSS
HTML5 与 XHTML2
Oct 17 #HTML / CSS
X/HTML5 和 XHTML2
Oct 17 #HTML / CSS
HTML5: Web 标准最巨大的飞跃
Oct 17 #HTML / CSS
详解Html5中video标签那些属性和方法
Jul 01 #HTML / CSS
You might like
PHP文件上传原理简单分析
2011/05/29 PHP
PHP substr 截取字符串出现乱码问题解决方法[utf8与gb2312]
2011/12/16 PHP
PHP逐行输出(ob_flush与flush的组合)
2012/02/04 PHP
PHP英文字母大小写转换函数小结
2014/05/03 PHP
fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
2015/09/20 PHP
PHP读取mssql json数据中文乱码的解决办法
2016/04/11 PHP
PHP按一定比例压缩图片的方法
2018/10/12 PHP
通过实例解析PHP数据类型转换方法
2020/07/11 PHP
JS获得浏览器版本和操作系统版本的例子
2014/05/13 Javascript
网页右下角弹出窗体实现代码
2014/06/05 Javascript
使用ajaxfileupload.js实现ajax上传文件php版
2014/06/26 Javascript
js控制再次点击按钮之间的间隔时间可防止重复提交
2014/08/01 Javascript
jQuery实现个性翻牌效果导航菜单的方法
2015/03/09 Javascript
node.js从数据库获取数据
2016/05/08 Javascript
详解JavaScript中|单竖杠运算符的使用方法
2016/05/23 Javascript
Angularjs的启动过程分析
2017/07/18 Javascript
ReactNative踩坑之配置调试端口的解决方法
2017/07/28 Javascript
vue-router路由与页面间导航实例解析
2017/11/07 Javascript
浅谈Vue下使用百度地图的简易方法
2018/03/23 Javascript
vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
2019/08/03 Javascript
微信小程序实现音频文件播放进度的实例代码
2020/03/02 Javascript
js实现简单五子棋游戏
2020/05/28 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
2020/10/26 Javascript
python插入排序算法的实现代码
2013/11/21 Python
Python中使用PyHook监听鼠标和键盘事件实例
2014/07/18 Python
3分钟学会一个Python小技巧
2018/11/23 Python
Python二叉树的遍历操作示例【前序遍历,中序遍历,后序遍历,层序遍历】
2018/12/24 Python
python递归法解决棋盘分割问题
2019/07/17 Python
浅谈python print(xx, flush = True) 全网最清晰的解释
2020/02/21 Python
购买瑞典当代设计的腕表和太阳眼镜:TRIWA
2016/10/30 全球购物
经典C++面试题一
2016/11/06 面试题
义和团口号
2014/06/17 职场文书
2014年小学辅导员工作总结
2014/12/23 职场文书
教师见习总结范文
2015/06/23 职场文书
文明上网主题班会
2015/08/14 职场文书
python实现一个简单的贪吃蛇游戏附代码
2022/06/28 Python