HTML5 b和i标记将被赋予真正的语义


Posted in HTML / CSS onJuly 16, 2009

b 和 i 标签在现在的 Web 标准潜规则中是不推荐使用,甚至是反对使用的,因为认为他们只是“表现”粗体和斜体,而没有任何“语义”。更多的用 strong 和 em 标签代替。

而在新的 HTML5 工作草案 中对于 b 和 i 标签是这样定义的:
以下是代码片段:

复制代码
代码如下:

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 元素现在描述为在普通文章中突出不同意见或语气或其他的一段文本,例如:一个分类名称,一个技术术语,一个外语中的谚语,一个想法等。或者代表斜体的排版方式。

从规范中可以注意到:b 和 i 元素将被赋予真正的语义。更应有预见性注意 b 、i 与 strong 、em 的不同使用 。
HTML / CSS 相关文章推荐
CSS3线性渐变简单实现以及该属性在浏览器中的不同
Dec 12 HTML / CSS
CSS3 绘制BMW logo实的现代码
Apr 25 HTML / CSS
CSS3 实现侧边栏展开收起动画
Dec 22 HTML / CSS
HTML5 FormData 方法介绍以及实现文件上传示例
Sep 12 HTML / CSS
html5 Canvas画图教程(3)—canvas出现1像素线条模糊不清的原因
Jan 09 HTML / CSS
html5中JavaScript removeChild 删除所有节点
May 16 HTML / CSS
HTML5 canvas标签实现刮刮卡效果
Apr 24 HTML / CSS
H5 canvas实现贪吃蛇小游戏
Jul 28 HTML / CSS
使用html5新特性轻松监听任何App自带返回键的示例
Mar 13 HTML / CSS
AmazeUI 平滑滚动效果的示例代码
Aug 20 HTML / CSS
CSS实现多个元素在盒子内两端对齐效果
Mar 30 HTML / CSS
基于HTML十秒做出淘宝页面
Oct 24 HTML / CSS
HTML5 新事件 小结
Jul 16 #HTML / CSS
html5 标签
Jul 16 #HTML / CSS
HTML5 Canvas标签使用收录
Jul 07 #HTML / CSS
HTML5 Canvas 起步(2) - 路径
May 12 #HTML / CSS
HTML5 Canvas 起步(1) - 基本概念
May 12 #HTML / CSS
W3C公布最新的HTML5标准草案
Oct 17 #HTML / CSS
HTML5中的新元素介绍
Oct 17 #HTML / CSS
You might like
收集的php编写大型网站问题集
2007/03/06 PHP
php字符串函数学习之substr()
2015/03/27 PHP
php一个解析字符串排列数组的方法
2015/05/12 PHP
JavaScript 解析Json字符串的性能比较分析代码
2009/12/16 Javascript
php对mongodb的扩展(初识如故)
2012/11/11 Javascript
Javascript在IE和FireFox中的不同表现简析
2012/12/03 Javascript
jquery实现ajax提交form表单的方法总结
2014/03/03 Javascript
jquery 表格排序、实时搜索表格内容(附图)
2014/05/19 Javascript
javascript实现无限级select联动菜单
2015/01/02 Javascript
JS+CSS实现下拉列表框美化效果(3款)
2015/08/15 Javascript
jquery对Json的各种遍历方法总结(必看篇)
2016/09/29 Javascript
ES6中module模块化开发实例浅析
2017/04/06 Javascript
React Native验证码倒计时工具类分享
2017/10/24 Javascript
Vue实现web分页组件详解
2017/11/28 Javascript
angularJs 表格添加删除修改查询方法
2018/02/27 Javascript
VUE项目初建和常见问题总结
2019/09/12 Javascript
Python实现发送与接收邮件的方法详解
2018/03/28 Python
django orm 通过related_name反向查询的方法
2018/12/15 Python
python实现远程控制电脑
2019/05/23 Python
使用python接入微信聊天机器人
2020/03/31 Python
Python字典fromkeys()方法使用代码实例
2020/07/20 Python
Python使用windows设置定时执行脚本
2020/11/12 Python
美国最大的高尔夫发球时间预订网站:TeeOff.com
2018/03/28 全球购物
Carolina Lemke Berlin澳大利亚官网:时尚太阳镜品牌
2019/09/17 全球购物
酒店服务实习自我鉴定
2013/09/22 职场文书
大学生求职推荐信
2013/11/27 职场文书
写给女生的道歉信
2014/01/08 职场文书
物业工作计划书
2014/01/10 职场文书
科级干部考察材料
2014/02/15 职场文书
黄金酒广告词
2014/03/21 职场文书
单位授权委托书范文
2014/08/02 职场文书
最新离婚协议书范本
2014/08/19 职场文书
2014年药剂科工作总结
2014/11/26 职场文书
《正比例》教学反思
2016/02/23 职场文书
Python 多线程之threading 模块的使用
2021/04/14 Python
go语言中fallthrough的用法说明
2021/05/06 Golang