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 网页下拉菜单代码解释 中文翻译
Feb 27 HTML / CSS
CSS3 RGBA色彩模式使用实例讲解
Apr 26 HTML / CSS
详解CSS3浏览器兼容
Dec 14 HTML / CSS
浅析CSS3 中的 transition,transform,translate之间区别和作用
Mar 26 HTML / CSS
CSS3实现彩色进度条动画的示例
Oct 29 HTML / CSS
使用HTML5 Canvas API控制字体的显示与渲染的方法
Mar 24 HTML / CSS
HTML5中图片之间的缝隙完美解决方法
Jul 07 HTML / CSS
canvas 阴影和图形变换的示例代码
Jan 02 HTML / CSS
HTML5之消息通知的使用(Web Notification)
Oct 30 HTML / CSS
html5自定义video标签的海报与播放按钮功能
Dec 04 HTML / CSS
HTTP中的Content-type详解
Jan 18 HTML / CSS
css3属性选择器 “~”(波浪号) “,”(逗号) “+”(加号)和 “>”(大于号)
Apr 19 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
在JavaScript中调用php程序
2009/03/09 PHP
PHP如何利用P3P实现跨域
2013/08/24 PHP
Thinkphp模板中截取字符串函数简介
2014/06/17 PHP
laravel学习教程之存取器
2016/07/30 PHP
php中请求url的五种方法总结
2017/07/13 PHP
基于jquery的设置页面文本框 只能输入数字的实现代码
2011/04/19 Javascript
打豆豆小游戏 用javascript编写的[打豆豆]小游戏
2013/01/08 Javascript
浏览器兼容console对象的简要解决方案分享
2013/10/24 Javascript
jQuery实现响应浏览器缩放大小并改变背景颜色
2014/10/31 Javascript
轻松搞定jQuery.noConflict()
2016/02/15 Javascript
Node.js的文件权限及读写flag详解
2016/10/11 Javascript
jQuery仿IOS弹出框插件
2017/02/18 Javascript
flag和jq on 的绑定多个对象和方法(必看)
2017/02/27 Javascript
浅谈微信页面入口文件被缓存解决方案
2018/09/29 Javascript
vue文件运行的方法教学
2019/02/12 Javascript
详解javascript设计模式三:代理模式
2019/03/25 Javascript
JS实现提示框跟随鼠标移动
2019/08/27 Javascript
vuex分模块后,实现获取state的值
2020/07/26 Javascript
vue 全局封装loading加载教程(全局监听)
2020/11/05 Javascript
Vue 修改网站图标的方法
2020/12/31 Vue.js
[06:11]2014DOTA2国际邀请赛 专访团结一心的VG战队
2014/07/21 DOTA
[01:08:56]DOTA2-DPC中国联赛 正赛 Magma vs LBZS BO3 第一场 2月7日
2021/03/11 DOTA
python负载均衡的简单实现方法
2018/02/04 Python
Python网络编程之TCP套接字简单用法示例
2018/04/09 Python
Python实现的爬取百度贴吧图片功能完整示例
2019/05/10 Python
python3 enum模块的应用实例详解
2019/08/12 Python
Django 框架模型操作入门教程
2019/11/05 Python
Python列表倒序输出及其效率详解
2020/03/04 Python
Python urllib3软件包的使用说明
2020/11/18 Python
理肤泉加拿大官网:La Roche-Posay加拿大
2018/07/06 全球购物
英国性能汽车零件和发动机配件在线:Maxpeedingrods
2019/11/05 全球购物
影视艺术学院毕业生自荐信
2013/11/13 职场文书
医学生职业规划范文
2014/01/05 职场文书
运动会通讯稿600字
2015/07/20 职场文书
《开国大典》教学反思
2016/02/16 职场文书
为什么中国式养孩子很累?
2019/08/07 职场文书