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的背景渐变Text Gradient 创建文字颜色渐变
Aug 19 HTML / CSS
使用CSS3美化HTML表单的技巧演示
May 17 HTML / CSS
HTML5中视频音频的使用详解
Jul 07 HTML / CSS
突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习
Jan 31 HTML / CSS
HTML5 placeholder(空白提示)属性介绍
Aug 07 HTML / CSS
浅谈html5 响应式布局
Dec 24 HTML / CSS
HTML5 canvas 瀑布流文字效果的示例代码
Jan 31 HTML / CSS
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
Sep 19 HTML / CSS
高清屏中使用Canvas绘图出现模糊的问题及解决方法
Jun 03 HTML / CSS
HTML5 HTMLCollection和NodeList的区别详解
Apr 29 HTML / CSS
HTML5适合的情人节礼物有纪念日期功能
Jan 25 HTML / CSS
html2 canvas svg不能识别的解决方案
Jun 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
UCenter Home二次开发指南
2009/05/28 PHP
discuz加密解密函数使用方法和中文注释
2014/01/21 PHP
支付宝接口开发集成支付环境小结
2015/03/17 PHP
php实现的三个常用加密解密功能函数示例
2017/11/06 PHP
PHP设计模式之原型设计模式原理与用法分析
2018/04/25 PHP
thinkphp框架类库扩展操作示例
2019/11/26 PHP
javascript 显示当前系统时间代码
2009/12/28 Javascript
页面只能打开一次Cooike如何实现
2012/12/04 Javascript
JavaScript String.replace函数参数实例说明
2013/06/06 Javascript
js 中的switch表达式使用示例
2020/06/03 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
2015/02/13 Javascript
nodejs中的fiber(纤程)库详解
2015/03/24 NodeJs
jQuery ajaxSubmit 实现ajax提交表单局部刷新
2016/07/04 Javascript
Angular在一个页面中使用两个ng-app的方法
2017/02/20 Javascript
javascript 面向对象function详解及实例代码
2017/02/28 Javascript
基于JavaScript实现无缝滚动效果
2017/07/21 Javascript
vue左侧菜单,树形图递归实现代码
2018/08/24 Javascript
在vue中v-bind使用三目运算符绑定class的实例
2018/09/29 Javascript
Vue form表单动态添加组件实战案例
2019/09/02 Javascript
CountUp.js数字滚动插件使用方法详解
2019/10/17 Javascript
js实现车辆管理系统
2020/08/26 Javascript
python pandas修改列属性的方法详解
2018/06/09 Python
Python实现的对一个数进行因式分解操作示例
2019/06/27 Python
基于python全局设置id 自动化测试元素定位过程解析
2019/09/04 Python
Python random模块的使用示例
2020/10/10 Python
基于zepto的插件之移动端无缝向上滚动并上下触摸滑动实例代码
2016/12/20 HTML / CSS
英语生日邀请函
2014/01/23 职场文书
三方合作协议书范本
2014/04/18 职场文书
敬老模范事迹
2014/05/21 职场文书
处级领导班子全部召开专题民主生活会情况汇报
2014/09/27 职场文书
2014年安全生产工作总结
2014/11/13 职场文书
违反纪律检讨书范文
2015/05/07 职场文书
大学毕业晚会开场白
2015/05/29 职场文书
2019客服个人年终工作总结范文
2019/07/08 职场文书
anaconda python3.8安装后降级
2021/06/11 Python
Mysql数据库中datetime、bigint、timestamp来表示时间选择,谁来存储时间效率最高
2021/08/23 MySQL