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 border-image详解、应用及jQuery插件
Aug 29 HTML / CSS
简单介绍CSS3中Media Query的使用
Jul 07 HTML / CSS
CSS3 animation实现逐帧动画效果
Jun 02 HTML / CSS
浅谈css3中的前缀
Jul 20 HTML / CSS
CSS3 box-sizing属性详解
Nov 15 HTML / CSS
深入剖析HTML5 内联框架iFrame
May 04 HTML / CSS
浅谈html5与APP混合开发遇到的问题总结
Mar 20 HTML / CSS
Html5页面二次分享的实现
Jul 30 HTML / CSS
HTML5自定义视频播放器源码
Jan 06 HTML / CSS
html5视频常用API接口的实战示例
Mar 20 HTML / CSS
AmazeUI 加载进度条的实现示例
Aug 20 HTML / CSS
浅谈由position属性引申的css进阶讨论
May 25 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使用json_encode对变量json编码
2014/04/07 PHP
推荐一款MAC OS X 下php集成开发环境mamp
2014/11/08 PHP
php实现的数字验证码及数字运算验证码
2015/07/30 PHP
ubuntu下配置nginx+php+mysql详解
2015/09/10 PHP
php创建无限级树型菜单
2015/11/05 PHP
javascript学习笔记(十一) 正则表达式介绍
2012/06/20 Javascript
跟我学Nodejs(三)--- Node.js模块
2014/05/25 NodeJs
jQuery 处理页面的事件详解
2015/01/20 Javascript
BootStrap的Datepicker控件使用心得分享
2016/05/25 Javascript
JS中使用变量保存arguments对象的方法
2016/06/03 Javascript
Bootstrap表单布局样式源代码
2016/07/04 Javascript
简单实现js倒计时功能
2017/02/13 Javascript
JS正则表达式验证中文字符
2017/05/08 Javascript
r.js来合并压缩css文件的示例
2018/04/26 Javascript
JavaScript实现构造json数组的方法分析
2018/08/17 Javascript
JS实现图片切换效果
2018/11/17 Javascript
新版小程序登录授权的方法
2018/12/12 Javascript
微信小程序提交form操作示例
2018/12/30 Javascript
layui的表单验证支持ajax判断用户名是否重复的实例
2019/09/06 Javascript
Jquery高级应用Deferred对象原理及使用实例
2020/05/28 jQuery
[52:08]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第一局
2016/03/05 DOTA
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
Python中模块与包有相同名字的处理方法
2017/05/05 Python
Django 视图层(view)的使用
2018/11/09 Python
python的等深分箱实例
2019/11/22 Python
OpenCV利用python来实现图像的直方图均衡化
2020/10/21 Python
JD Sports马来西亚:英国领先的运动鞋和运动服饰零售商
2018/03/13 全球购物
新西兰领先的内衣店:Bendon Lingerie新西兰
2018/07/11 全球购物
指针和引用有什么区别
2013/01/13 面试题
最新教师自我评价分享
2013/11/12 职场文书
综合实践活动方案
2014/02/14 职场文书
毕业典礼主持词大全
2014/03/26 职场文书
父亲节寄语大全
2015/02/27 职场文书
在校生证明
2015/06/17 职场文书
浅谈Python数学建模之数据导入
2021/06/23 Python
浅析Redis Sentinel 与 Redis Cluster
2021/06/24 Redis