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 相关文章推荐
详解CSS样式中的 !important * _ 符号
Mar 09 HTML / CSS
使用css3制作动感导航条示例
Jan 26 HTML / CSS
推荐一些比较有用的css3新属性
Nov 11 HTML / CSS
详解CSS3中Media Queries的相关使用
Jul 17 HTML / CSS
CSS3 animation实现逐帧动画效果
Jun 02 HTML / CSS
详解CSS3 rem(设置字体大小) 教程
Nov 21 HTML / CSS
HTML5 Web 存储详解
Sep 16 HTML / CSS
HTML5 在canvas中绘制文本附效果图
Jun 23 HTML / CSS
HTML5 Video标签的属性、方法和事件汇总介绍
Apr 24 HTML / CSS
html5使用canvas实现弹幕功能示例
Sep 11 HTML / CSS
html5 Canvas实现图片旋转的示例
Jan 15 HTML / CSS
使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果
Nov 10 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
150kHz到30Mhz完全冲浪手册
2020/03/20 无线电
Syphon 秘笈
2021/03/03 冲泡冲煮
PHP写杨辉三角实例代码
2011/07/17 PHP
关于php正则匹配汉字的方法介绍
2013/04/25 PHP
php二维数组排序方法(array_multisort usort)
2013/12/25 PHP
各种快递查询--Api接口
2016/04/26 PHP
centos+php+coreseek+sphinx+mysql之一coreseek安装篇
2016/10/25 PHP
javascript 冒泡排序 正序和倒序实现代码
2010/12/14 Javascript
有关javascript的性能优化 (repaint和reflow)
2013/04/12 Javascript
浅析Js中的单引号与双引号问题
2013/11/06 Javascript
将页面table内容与样式另存成excel文件的方法
2015/08/05 Javascript
javascript数组去重的六种方法汇总
2015/08/16 Javascript
jquery ztree实现树的搜索功能
2016/02/25 Javascript
简单理解Vue条件渲染
2016/12/03 Javascript
详解基于webpack搭建react运行环境
2017/06/01 Javascript
基于ES6作用域和解构赋值详解
2017/11/03 Javascript
利用Node.js批量抓取高清妹子图片实例教程
2018/08/02 Javascript
nodejs之koa2请求示例(GET,POST)
2018/08/07 NodeJs
快速解决bootstrap下拉菜单无法隐藏的问题
2018/08/10 Javascript
es6数值的扩展方法
2019/03/11 Javascript
微信小程序接入腾讯云验证码的方法步骤
2020/01/07 Javascript
JavaScript用document.write()输出换行的示例代码
2020/11/26 Javascript
使用Python从有道词典网页获取单词翻译
2016/07/03 Python
Python 实现一个颜色色值转换的小工具
2016/12/06 Python
Python多线程threading和multiprocessing模块实例解析
2018/01/29 Python
python如何通过twisted实现数据库异步插入
2018/03/20 Python
python查询文件夹下excel的sheet名代码实例
2019/04/02 Python
如何在django中添加日志功能
2020/02/06 Python
CSS3制作炫酷带方向感应的鼠标滑过图片3D动画
2016/03/16 HTML / CSS
使用canvas压缩图片上传的方法示例
2020/02/07 HTML / CSS
Armor Lux法国官方网站:水手服装、成衣和内衣
2020/05/26 全球购物
新员工试用期自我鉴定
2014/04/17 职场文书
物业管理专业求职信
2014/06/11 职场文书
学生安全责任书范本
2014/07/24 职场文书
会议接待欢迎标语
2014/10/08 职场文书
Python中相见恨晚的技巧
2021/04/13 Python