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中的注音对齐属性ruby-align用法指南
Jul 01 HTML / CSS
html5新增的定时器requestAnimationFrame实现进度条功能
Dec 13 HTML / CSS
详解移动端HTML5音频与视频问题及解决方案
Aug 22 HTML / CSS
Html5实现单张、多张图片上传功能
Apr 28 HTML / CSS
html5 拖拽上传图片实例演示
Apr 01 HTML / CSS
仿CSDN Blog返回页面顶部功能实现原理及代码
Jun 30 HTML / CSS
移动端HTML5实现文件上传功能【附代码】
Mar 25 HTML / CSS
详解html5页面 rem 布局适配方法
Jan 12 HTML / CSS
利用canvas实现图片压缩的示例代码
Jul 17 HTML / CSS
html5 input输入实时检测以及延时优化
Jul 18 HTML / CSS
video.js支持m3u8格式直播的实现示例
May 20 HTML / CSS
详解CSS开发过程中的20个快速提升技巧
May 21 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
基于Snoopy的PHP近似完美获取网站编码的代码
2011/10/23 PHP
thinkphp区间查询、统计查询与SQL直接查询实例分析
2014/11/24 PHP
基于JQuery的类似新浪微博展示信息效果的代码
2012/07/23 Javascript
可简单避免的三个JS发布错误的详细介绍
2013/08/02 Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
2014/03/27 Javascript
node.js实现多图片上传实例
2014/06/03 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
2015/06/23 Javascript
jQuery的each循环用法简单示例
2016/06/12 Javascript
js带闹铃功能的倒计时代码
2016/09/29 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
2016/10/18 Javascript
详解使用nvm安装node.js
2017/07/18 Javascript
Vue 兄弟组件通信的方法(不使用Vuex)
2017/10/26 Javascript
vue-cli 3.x 修改dist路径的方法
2018/09/19 Javascript
微信小程序使用swiper组件实现层叠轮播图
2018/11/04 Javascript
js 计算图片内点个数的示例代码
2019/04/04 Javascript
js简单的分页器插件代码实例
2019/09/11 Javascript
[01:46]TI4西雅图DOTA2前线报道 中国选手抱团调时差
2014/07/08 DOTA
[41:56]Spirit vs Liquid Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
用Python的urllib库提交WEB表单
2009/02/24 Python
Python中计算三角函数之cos()方法的使用简介
2015/05/15 Python
python 队列详解及实例代码
2016/10/18 Python
python+OpenCV实现车牌号码识别
2019/11/08 Python
CSS3实现缺角矩形,折角矩形以及缺角边框
2019/12/20 HTML / CSS
CSS3中引入多种自定义字体font-face
2020/06/12 HTML / CSS
英国广泛的照明产品网站:Lights4living
2018/01/28 全球购物
全球性的奢侈品梦工厂:Forzieri(福喜利)
2019/02/20 全球购物
Whistles官网:英国女装品牌
2020/08/14 全球购物
澳大利亚领先的女性运动服品牌:Lorna Jane
2020/06/19 全球购物
2014年预备党员学习两会心得体会
2014/03/17 职场文书
旅行社优秀创业计划书
2014/08/16 职场文书
红领巾广播站广播稿(3篇)
2014/09/20 职场文书
特此通知格式
2015/04/27 职场文书
致接力运动员加油稿
2015/07/21 职场文书
2016校本研修培训心得体会
2016/01/08 职场文书
Python激活Anaconda环境变量的详细步骤
2021/06/08 Python
python解析照片拍摄时间进行图片整理
2022/07/23 Python