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 相关文章推荐
8款精美的CSS3表单设计(登录表单/下拉选择/按钮附演示及源码)
Feb 04 HTML / CSS
CSS3中background-clip和background-origin的区别示例介绍
Mar 10 HTML / CSS
可以随进度显示不同颜色的css3进度条分享
Apr 11 HTML / CSS
css3弹性盒模型(Flexbox)详细介绍
Oct 08 HTML / CSS
支持IE8的纯css3开发的响应式设计动画菜单教程
Nov 05 HTML / CSS
HTML5 MiranaVideo播放器 (代码开源)
Jun 11 HTML / CSS
html5中的一些标签学习(心得)
Oct 18 HTML / CSS
如何在Canvas中添加事件的方法示例
May 21 HTML / CSS
CSS3鼠标悬浮过渡缩放效果
Apr 17 HTML / CSS
sass 常用备忘案例详解
Sep 15 HTML / CSS
纯 CSS 自定义多行省略的问题(从原理到实现)
Nov 11 HTML / CSS
使用CSS实现音波加载效果
May 07 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防范SQL注入的具体方法详解(测试通过)
2014/05/09 PHP
PHP Curl出现403错误的解决办法
2014/05/29 PHP
PHP也能干大事之PHP中的编码解码详解
2015/04/20 PHP
php操作memcache缓存方法分享
2015/06/03 PHP
Centos6.5和Centos7 php环境搭建方法
2016/05/27 PHP
thinkPHP模板中for循环与switch语句用法示例
2016/11/30 PHP
php基于自定义函数记录log日志方法
2017/07/21 PHP
一次因composer错误使用引发的问题与解决
2019/03/06 PHP
php中的依赖注入实例详解
2019/08/14 PHP
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
2020/08/03 PHP
jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
2015/07/27 Javascript
手机端转盘抽奖代码分享
2015/09/10 Javascript
10个很棒的jQuery代码片段
2015/09/24 Javascript
JavaScript中将数组进行合并的基本方法讲解
2016/03/07 Javascript
基于javascript实现样式清新图片轮播特效
2016/03/30 Javascript
less简单入门(CSS 预处理语言)
2017/03/08 Javascript
仿京东快报向上滚动的实例
2017/12/13 Javascript
Vue.js下拉菜单组件使用方法详解
2019/10/19 Javascript
Vue axios获取token临时令牌封装案例
2020/09/11 Javascript
如何实现小程序与小程序之间的跳转
2020/11/04 Javascript
Python 正则表达式入门(中级篇)
2016/12/07 Python
浅谈flask中的before_request与after_request
2018/01/20 Python
python切片及sys.argv[]用法详解
2018/05/25 Python
Python 比较文本相似性的方法(difflib,Levenshtein)
2018/10/15 Python
国际性能运动服装品牌:Dare 2b
2018/07/27 全球购物
初中生自我评价
2014/02/01 职场文书
经理管理专业毕业自荐书范文
2014/02/12 职场文书
军训考核自我鉴定
2014/02/13 职场文书
工作岗位说明书模板
2014/05/09 职场文书
假面舞会策划方案
2014/05/29 职场文书
企业总经理助理岗位职责
2014/09/12 职场文书
初中学生操行评语
2014/12/26 职场文书
酒店人事主管岗位职责
2015/04/11 职场文书
莫言获奖感言(全文)
2015/07/31 职场文书
怎么禁用Windows 11快照布局? win11不使用快照布局的技巧
2021/11/21 数码科技
Java实现HTML转为Word的示例代码
2022/06/28 Java/Android