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 icon font完全指南(CSS3 font 会取代icon图标)
Jan 06 HTML / CSS
使用CSS3实现圆角,阴影,透明
Dec 23 HTML / CSS
详解css3 flex弹性盒自动铺满写法
Sep 17 HTML / CSS
从一次项目重构说起CSS3自定义变量在项目的使用方法
Mar 01 HTML / CSS
HTML5 canvas基本绘图之绘制矩形
Jun 27 HTML / CSS
HTML5中的Article和Section元素认识及使用
Mar 22 HTML / CSS
仿酷狗html5手机音乐播放器主要部分代码
May 15 HTML / CSS
html5的canvas实现3d雪花飘舞效果
Dec 27 HTML / CSS
HTML5轻松实现全屏视频背景的示例
Apr 23 HTML / CSS
详解HTML5常用的语义化标签
Sep 27 HTML / CSS
使用HTML和CSS实现的标签云效果(附demo)
Feb 03 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中文字母数字验证码实现代码
2008/04/25 PHP
PHP chmod 函数与批量修改文件目录权限
2010/05/10 PHP
浅析php设计模式之数据对象映射模式
2016/03/03 PHP
Laravel框架实现简单的学生信息管理平台案例
2019/05/07 PHP
php5对象复制、clone、浅复制与深复制实例详解
2019/08/14 PHP
TP5框架请求响应参数实例分析
2019/10/17 PHP
关于Javascript 的 prototype问题。
2007/01/03 Javascript
jQuery.clean使用方法及思路分析
2013/01/07 Javascript
JavaScript原型链示例分享
2014/01/26 Javascript
JavaScript中对象介绍
2014/12/31 Javascript
实例讲解jquery与json的结合
2016/01/07 Javascript
如何用angularjs制作一个完整的表格
2016/01/21 Javascript
Javascript的表单验证长度
2016/03/16 Javascript
Web性能优化系列 10个提升JavaScript性能的技巧
2016/09/27 Javascript
jQuery实现判断控件是否显示的方法
2017/01/11 Javascript
轻松玩转BootstrapTable(后端使用SpringMVC+Hibernate)
2017/09/06 Javascript
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
2018/01/09 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
layer.open弹层查看缩略图的原图,自适应大小的实例
2019/09/05 Javascript
Vue + Scss 动态切换主题颜色实现换肤的示例代码
2020/04/27 Javascript
Python面向对象编程基础解析(一)
2017/10/26 Python
Python+tkinter模拟“记住我”自动登录实例代码
2018/01/16 Python
Python输出由1,2,3,4组成的互不相同且无重复的三位数
2018/02/01 Python
python方法生成txt标签文件的实例代码
2018/05/10 Python
python在TXT文件中按照某一字符串取出该字符串所在的行方法
2018/12/10 Python
详解python做UI界面的方法
2019/02/27 Python
Python 使用threading+Queue实现线程池示例
2019/12/21 Python
利用python中集合的唯一性实现去重
2020/02/11 Python
python读取与处理netcdf数据方式
2020/02/14 Python
Django集成MongoDB实现过程解析
2020/12/01 Python
IE兼容css3圆角的实现代码
2011/07/21 HTML / CSS
Html5画布_动力节点Java学院整理
2017/07/13 HTML / CSS
俄罗斯珠宝市场的领导者之一:Бронницкий ювелир
2019/10/02 全球购物
2015年学雷锋活动总结
2015/02/06 职场文书
2016年五四青年节校园广播稿
2015/12/17 职场文书
苹果M1芯片安装nginx 并且部署vue项目步骤详解
2021/11/20 Servers