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字体效果的设置方法小结
Jun 13 HTML / CSS
深入浅出CSS3 background-clip,background-origin和border-image教程
Jan 27 HTML / CSS
使用CSS3美化HTML表单的技巧演示
May 17 HTML / CSS
浅析css3中matrix函数的使用
Jun 06 HTML / CSS
使用css如何制作时间ICON方法实践
Nov 12 HTML / CSS
html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式
Dec 07 HTML / CSS
HTML5之HTML元素扩展(上)—新增加的元素及使用概述
Jan 31 HTML / CSS
html5清空画布方法(三种)
Oct 16 HTML / CSS
基于HTML5+Webkit实现树叶飘落动画
Dec 28 HTML / CSS
HTML5离线应用与客户端存储的实现
May 03 HTML / CSS
深入理解HTML5定时器requestAnimationFrame的使用
Dec 12 HTML / CSS
canvas 橡皮筋式线条绘图应用方法
Feb 13 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
精致的人儿就要挑杯子喝咖啡
2021/03/03 冲泡冲煮
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
2008/03/22 Javascript
JS打开图片另存为对话框实现代码
2012/12/26 Javascript
jquery获取焦点和失去焦点事件代码
2013/04/21 Javascript
简单的代码实现jquery定时器
2013/11/17 Javascript
jquery bind(click)传参让列表中每行绑定一个事件
2014/08/06 Javascript
使用jsonp完美解决跨域问题
2014/11/27 Javascript
jQuery实现HTML5 placeholder效果实例
2014/12/09 Javascript
IE9+已经不对document.createElement向下兼容的解决方法
2015/09/14 Javascript
微信小程序 数据遍历的实现
2017/04/05 Javascript
详解JS中的attribute属性
2017/04/25 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(二)
2017/05/11 Javascript
JavaScript继承与多继承实例分析
2018/05/26 Javascript
element ui table(表格)实现点击一行展开功能
2018/12/04 Javascript
CryptoJS中AES实现前后端通用加解密技术
2018/12/18 Javascript
基于vue框架手写一个notify插件实现通知功能的方法
2019/03/31 Javascript
ES6 Object方法扩展的应用实例分析
2019/06/25 Javascript
使用flow来规范javascript的变量类型
2019/09/12 Javascript
Python发送以整个文件夹的内容为附件的邮件的教程
2015/05/06 Python
Python编程pygame模块实现移动的小车示例代码
2018/01/03 Python
python下载库的步骤方法
2019/10/12 Python
Python sklearn库实现PCA教程(以鸢尾花分类为例)
2020/02/24 Python
Python3 filecmp模块测试比较文件原理解析
2020/03/23 Python
一文轻松掌握python语言命名规范规则
2020/06/18 Python
详解使用CSS3的@media来编写响应式的页面
2017/11/01 HTML / CSS
真正了解CSS3背景下的@font face规则
2017/05/04 HTML / CSS
Html5游戏开发之乒乓Ping Pong游戏示例(二)
2013/01/21 HTML / CSS
毕业生求职自荐信怎么写
2014/01/08 职场文书
超市活动计划书
2014/04/24 职场文书
纪念九一八事变演讲稿:牢记九一八,屈辱怎能忘
2014/09/14 职场文书
团队会宣传标语
2014/10/09 职场文书
业务内勤岗位职责
2015/04/13 职场文书
实用干货:敬酒词大全,帮你应付各种场合
2019/11/21 职场文书
《思路决定出路》读后感3篇
2019/12/11 职场文书
详解MySQL多版本并发控制机制(MVCC)源码
2021/06/23 MySQL
css如何把元素固定在容器底部的四种方式
2022/06/16 HTML / CSS