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在触屏上为按钮实现激活效果
Sep 27 HTML / CSS
一款纯css3实现的漂亮的404页面的实例教程
Nov 27 HTML / CSS
使用CSS3来实现滚动视差效果的教程
Aug 24 HTML / CSS
HTML5+CSS3 诱人的实例:3D立方体旋转动画实例
Dec 30 HTML / CSS
CSS3 函数技巧 用css 实现js实现的事情(clac Counters Tooltip)
Aug 15 HTML / CSS
详解HTML5 LocalStorage 本地存储
Dec 23 HTML / CSS
使用Canvas操作像素的方法
Jun 14 HTML / CSS
html5 canvas绘制放射性渐变色效果
Jan 04 HTML / CSS
html5中监听canvas内部元素点击事件的三种方法
Apr 28 HTML / CSS
利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位
Jan 23 HTML / CSS
HTML5资源预加载(Link prefetch)详细介绍(给你的网页加速)
May 07 HTML / CSS
深入浅析HTML5中的article和section的区别
May 15 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
德生9700DX电路分析
2021/03/02 无线电
配置支持SSI
2006/11/25 PHP
让的PHP代码飞起来的40条小技巧(提升php效率)
2010/04/12 PHP
二招解决php乱码问题
2012/03/25 PHP
php 注释规范
2012/03/29 PHP
PHP序列号生成函数和字符串替换函数代码
2012/06/07 PHP
Eclipse PHPEclipse 配置的具体步骤
2017/08/08 PHP
javascript判断单选框或复选框是否选中方法集锦
2007/04/04 Javascript
解读IE和firefox下JScript和HREF的执行顺序
2008/01/12 Javascript
jQuery基本选择器选择元素使用介绍
2013/04/18 Javascript
什么是cookie?js手动创建和存储cookie
2014/05/27 Javascript
Jquery响应回车键直接提交表单操作代码
2014/07/25 Javascript
javascript笛卡尔积算法实现方法
2015/04/08 Javascript
javascript实现英文首字母大写
2015/04/23 Javascript
js实现文件上传表单域美化特效
2015/11/02 Javascript
Underscore源码分析
2015/12/30 Javascript
复杂的javascript窗口分帧解析
2016/02/19 Javascript
浅析JSONP技术原理及实现
2016/06/08 Javascript
高效Web开发的10个jQuery代码片段
2016/07/22 Javascript
JS 动态判断PC和手机浏览器实现代码
2016/09/21 Javascript
vue.js+Echarts开发图表放大缩小功能实例
2017/06/09 Javascript
详解ES6通过WeakMap解决内存泄漏问题
2018/03/09 Javascript
JavaScript迭代器的含义及用法
2019/06/21 Javascript
Python的内存泄漏及gc模块的使用分析
2014/07/16 Python
Python线程指南详细介绍
2017/01/05 Python
python统计中文字符数量的两种方法
2019/01/31 Python
django-rest-framework解析请求参数过程详解
2019/07/18 Python
如何解决django-celery启动后迅速关闭
2019/10/16 Python
python学生信息管理系统实现代码
2019/12/17 Python
JAVA及PYTHON质数计算代码对比解析
2020/06/10 Python
致标枪运动员广播稿
2014/02/06 职场文书
2014年社区学雷锋活动总结
2014/03/09 职场文书
护理见习报告范文
2014/11/03 职场文书
男方婚礼答谢词
2015/01/20 职场文书
师德师风培训感言
2015/08/03 职场文书
Python字典的基础操作
2021/11/01 Python