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 相关文章推荐
IE兼容css3圆角的实现代码
Jul 21 HTML / CSS
使用css3和jquery实现可伸缩搜索框
Feb 12 HTML / CSS
css3中检验表单的required,focus,valid和invalid样式
Feb 21 HTML / CSS
CSS3 不定高宽垂直水平居中的几种方式
Mar 26 HTML / CSS
Html5实现单张、多张图片上传功能
Apr 28 HTML / CSS
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
Jul 15 HTML / CSS
HTML5里的placeholder属性使用实例和美化显示效果的方法
Apr 23 HTML / CSS
HTML5 Convas APIs方法详解
Apr 24 HTML / CSS
全面解析HTML5中的标准属性与自定义属性
Feb 18 HTML / CSS
使用phonegap播放音频的实现方法
Mar 31 HTML / CSS
AmazeUI的JS表单验证框架实战示例分享
Aug 21 HTML / CSS
CSS中Single Div 绘图技巧的实现
Jun 18 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 将逗号、空格、回车分隔的字符串转换为数组的函数
2012/06/07 PHP
php中error与exception的区别及应用
2014/07/28 PHP
php通过排列组合实现1到9数字相加都等于20的方法
2015/08/03 PHP
php删除一个路径下的所有文件夹和文件的方法
2018/02/07 PHP
php日志函数error_log用法实例分析
2019/09/23 PHP
js 控制下拉菜单刷新的方法
2013/03/03 Javascript
浅析JavaScript中break、continue和return的区别
2016/11/30 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
从零开始学习Node.js系列教程二:文本提交与显示方法
2017/04/13 Javascript
Vue + Vue-router 同名路由切换数据不更新的方法
2017/11/20 Javascript
Puppet的一些技巧
2018/09/17 Javascript
如何让微信小程序页面之间的通信不再变困难
2019/06/03 Javascript
如何在Node和浏览器控制台中打印彩色文字
2020/01/09 Javascript
JS使用Chrome浏览器实现调试线上代码
2020/07/23 Javascript
浅谈vue 二级路由嵌套和二级路由高亮问题
2020/08/06 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
2020/11/05 Javascript
python Flask实现restful api service
2017/12/04 Python
Python Grid使用和布局详解
2018/06/30 Python
Python3内置模块pprint让打印比print更美观详解
2019/06/02 Python
python通用读取vcf文件的类(复制粘贴即可用)
2020/02/29 Python
python实现图像全景拼接
2020/03/27 Python
pycharm无法安装第三方库的问题及解决方法以scrapy为例(图解)
2020/05/09 Python
keras自定义损失函数并且模型加载的写法介绍
2020/06/15 Python
美国折扣香水网站:The Perfume Spot
2020/12/12 全球购物
专营店会计助理岗位职责
2013/11/29 职场文书
药学专业个人的自我评价
2013/12/31 职场文书
面包店的创业计划书范文
2014/01/16 职场文书
领导干部培训感言
2014/01/23 职场文书
中秋节超市促销方案
2014/01/30 职场文书
大学生学期自我鉴定
2014/03/19 职场文书
2014年自愿离婚协议书范本
2014/09/25 职场文书
体检通知范文
2015/04/21 职场文书
圣贤教育改变命运观后感
2015/06/16 职场文书
《世界多美呀》教学反思
2016/02/22 职场文书
Ubuntu Server 安装Tomcat并配置systemctl
2022/04/28 Servers
解决Mysql中的innoDB幻读问题
2022/04/29 MySQL