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 绘制BMW logo实的现代码
Apr 25 HTML / CSS
HTML5中如何显示视频呢 HTML5视频播放demo
Jun 08 HTML / CSS
Html5实现二维码扫描并解析
Jan 20 HTML / CSS
详解通过HTML5 Canvas实现图片的平移及旋转变化的方法
Mar 22 HTML / CSS
LocalStorage记住用户和密码功能
Jul 24 HTML / CSS
iframe跨域的几种常用方法
Nov 11 HTML / CSS
HTML5 Canvas 实现K线图的示例代码
Dec 23 HTML / CSS
HTML如何让IMG自动适应DIV容器大小的实现方法
Feb 25 HTML / CSS
html2canvas生成的图片偏移不完整的解决方法
May 19 HTML / CSS
Html5基于canvas实现电子签名并生成PDF文档
Dec 07 HTML / CSS
html2 canvas svg不能识别的解决方案
Jun 03 HTML / CSS
微信小程序纯CSS实现无限弹幕滚动效果
Sep 23 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 auth_http类库进行身份效验
2009/03/19 PHP
php 常用类汇总 推荐收藏
2010/05/13 PHP
php smarty truncate UTF8乱码问题解决办法
2014/06/13 PHP
php 使用file_get_contents读取大文件的方法
2014/11/13 PHP
Apache服务器下防止图片盗链的办法
2015/07/06 PHP
Yii中srbac权限扩展模块工作原理与用法分析
2016/07/14 PHP
PHP链表操作简单示例
2016/10/15 PHP
PHP耦合设计模式实例分析
2018/08/08 PHP
不常用但很实用的PHP预定义变量分析
2019/06/25 PHP
JS获取月的最后一天与JS得到一个月份最大天数的实例代码
2013/12/16 Javascript
浅谈Web页面向后台提交数据的方式和选择
2016/09/23 Javascript
解决在Bootstrap模糊框中使用WebUploader的问题
2018/03/22 Javascript
如何制作一个Node命令行图像识别工具
2018/12/12 Javascript
js使用cookie实现记住用户名功能示例
2019/06/13 Javascript
javascript-hashchange事件和历史状态管理实例分析
2020/04/18 Javascript
Python使用MD5加密字符串示例
2014/08/22 Python
python处理二进制数据的方法
2015/06/03 Python
Python之web模板应用
2017/12/26 Python
python3+PyQt5实现自定义窗口部件Counters
2018/04/20 Python
python同时遍历数组的索引和值的实例
2018/11/15 Python
在Python中通过getattr获取对象引用的方法
2019/01/21 Python
Python第三方库face_recognition在windows上的安装过程
2019/05/03 Python
django框架基于queryset和双下划线的跨表查询操作详解
2019/12/11 Python
Python和Anaconda和Pycharm安装教程图文详解
2020/02/04 Python
python 实现图像快速替换某种颜色
2020/06/04 Python
canvas 实现 github404动态效果的示例代码
2017/11/15 HTML / CSS
Trunki英国官网:儿童坐骑式行李箱
2017/05/30 全球购物
这段代码难道不该打印出56吗
2013/02/27 面试题
本科生个人求职自荐信
2013/09/26 职场文书
体育教育个人自荐信范文
2013/12/01 职场文书
公司出纳岗位职责
2013/12/07 职场文书
爱与责任演讲稿
2014/05/20 职场文书
工程承包协议书
2014/10/20 职场文书
计算机考试作弊检讨书1000字
2015/01/01 职场文书
2015年部门工作总结范文
2015/03/31 职场文书
2016年共产党员个人承诺书
2016/03/24 职场文书