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实现3D旋转书本效果
Mar 21 HTML / CSS
浏览器实现移动端高性能css3动画(开启gpu加速)
Dec 23 HTML / CSS
css3 伪元素和伪类选择器详解
Sep 04 HTML / CSS
一款简洁的纯css3代码实现的动画导航
Oct 31 HTML / CSS
详解CSS3中的box-sizing(content-box与border-box)
Apr 19 HTML / CSS
CSS3 实现的火焰动画
Dec 07 HTML / CSS
HTML5网页录音和上传到服务器支持PC、Android,支持IOS微信功能
Apr 26 HTML / CSS
HTML5 script元素async、defer异步加载使用介绍
Aug 23 HTML / CSS
html5实现多图片预览上传及点击可拖拽控件
Mar 15 HTML / CSS
HTML5 SEO优化的一些建议
Aug 27 HTML / CSS
纯CSS3实现div按照顺序出入效果
Jul 15 HTML / CSS
HTML基础详解(下)
Oct 16 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
基于Laravel5.4实现多字段登录功能方法示例
2017/08/11 PHP
有一段有意思的代码-javascript现实多行信息
2007/08/26 Javascript
JAVASCRIPT style 中visibility和display之间的区别
2010/01/22 Javascript
javascript 学习笔记(onchange等)
2010/11/14 Javascript
JavaScript中为元素加上name属性的方法
2011/05/09 Javascript
javascript真的不难-回顾一下基础知识
2013/01/15 Javascript
原生JS操作网页给p元素添加onclick事件及表格隔行变色
2013/12/01 Javascript
js函数定时器实现定时读取系统实时连接数
2014/04/30 Javascript
Bootstrap每天必学之按钮
2015/11/26 Javascript
javascript 常用验证函数总结
2016/06/28 Javascript
JavaScript基于扩展String实现替换字符串中index处字符的方法
2017/06/13 Javascript
JavaScript ES6中const、let与var的对比详解
2017/06/18 Javascript
JS和JQuery实现雪花飘落效果
2017/11/30 jQuery
jQuery 改变P标签文本值方法
2018/02/24 jQuery
通过 JS 判断页面是否有滚动条的实现方法
2018/04/05 Javascript
jquery图片预览插件实现方法详解
2019/07/18 jQuery
js实现窗口全屏示例详解
2019/09/17 Javascript
Vue-cli3多页面配置详解
2020/03/22 Javascript
python中实现定制类的特殊方法总结
2014/09/28 Python
Python编程中的文件读写及相关的文件对象方法讲解
2016/01/19 Python
Python中模块string.py详解
2017/03/12 Python
python将unicode转为str的方法
2017/06/21 Python
numpy判断数值类型、过滤出数值型数据的方法
2018/06/09 Python
Python Web程序搭建简单的Web服务器
2019/07/31 Python
Python队列、进程间通信、线程案例
2019/10/25 Python
python继承threading.Thread实现有返回值的子类实例
2020/05/02 Python
python如何求100以内的素数
2020/05/27 Python
在keras里面实现计算f1-score的代码
2020/06/15 Python
J2EE包括哪些技术
2016/11/25 面试题
公司前台接待岗位职责
2013/12/03 职场文书
高中生活自我鉴定
2014/01/18 职场文书
学生喝酒检讨书
2014/02/06 职场文书
幼儿园开学寄语
2014/04/03 职场文书
2014年医院个人工作总结
2014/12/09 职场文书
python关于集合的知识案例详解
2021/05/30 Python
Python list列表删除元素的4种方法
2021/11/01 Python