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实现input输入框颜色渐变发光效果代码
Apr 02 HTML / CSS
CSS3打造百度贴吧的3D翻牌效果示例
Jan 04 HTML / CSS
CSS3实现菜单悬停效果
Nov 17 HTML / CSS
使用html5 canvas 画时钟代码实例分享
Nov 11 HTML / CSS
详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
Dec 15 HTML / CSS
关于h5中的fetch方法解读(小结)
Nov 15 HTML / CSS
使用canvas一步步实现图片打码功能的方法
Jun 17 HTML / CSS
详解HTML5 Canvas标签及基本使用
Jan 10 HTML / CSS
html5给汉字加拼音加进度条的实现代码
Apr 07 HTML / CSS
recorder.js 基于Html5录音功能的实现
May 26 HTML / CSS
Html5 canvas画图白板踩坑
Jun 01 HTML / CSS
HTML5超文本标记语言的实现方法
Sep 24 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
基于Jquery插件开发之图片放大镜效果(仿淘宝)
2011/11/19 Javascript
jQuery之按钮组件的深入解析
2013/06/19 Javascript
JavaScript中对象的不同创建方法
2016/08/12 Javascript
JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别
2016/08/26 Javascript
js实现textarea限制输入字数
2017/02/13 Javascript
canvas绘制一个常用的emoji表情
2017/03/30 Javascript
Angular实现图片裁剪工具ngImgCrop实践
2017/08/17 Javascript
vue的全局变量和全局拦截请求器的示例代码
2018/09/13 Javascript
Vue项目中使用WebUploader实现文件上传的方法
2019/07/21 Javascript
VUE.CLI4.0配置多页面入口的实现
2019/11/25 Javascript
[00:44]2016完美“圣”典 风云人物:Mikasa宣传片
2016/12/07 DOTA
[02:33]2018 DOTA2亚洲邀请赛回顾视频 再次拾起那些美妙的时刻
2018/04/10 DOTA
[49:08]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
详解Python操作RabbitMQ服务器消息队列的远程结果返回
2016/06/30 Python
Python中使用Counter进行字典创建以及key数量统计的方法
2018/07/06 Python
对tf.reduce_sum tensorflow维度上的操作详解
2018/07/26 Python
python使用udp实现聊天器功能
2018/12/10 Python
Python遍历文件夹 处理json文件的方法
2019/01/22 Python
python requests库爬取豆瓣电视剧数据并保存到本地详解
2019/08/10 Python
python机器学习包mlxtend的安装和配置详解
2019/08/21 Python
python实现按关键字筛选日志文件
2019/12/24 Python
美国知名的在线旅游服务网站:Priceline
2016/07/23 全球购物
英国时尚优质的女装:Hope Fashion
2018/08/14 全球购物
英国现代市场:ARKET
2019/04/10 全球购物
戴森英国官网:Dyson英国
2019/05/07 全球购物
彪马土耳其官网:PUMA土耳其
2019/07/14 全球购物
C#笔试题集合
2013/06/21 面试题
群众路线党课主持词
2014/04/01 职场文书
学校纪律作风整改措施思想汇报
2014/10/11 职场文书
开幕式邀请函
2015/01/31 职场文书
毕业设计答辩开场白
2015/05/29 职场文书
干货:如何写好观后感 !
2019/05/21 职场文书
创业开店,这样方式更合理
2019/08/26 职场文书
Windows中Redis安装配置流程并实现远程访问功能
2021/06/07 Redis
教你用Java Swing实现自助取款机系统
2021/06/11 Java/Android
一篇文章带你深入了解Mysql触发器
2021/08/02 MySQL