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 box-shadow阴影(外阴影与外发光)图示讲解
Aug 11 HTML / CSS
CSS3教程(3):border-color网页边框色彩
Apr 02 HTML / CSS
时尚的CSS3进度条效果
Feb 22 HTML / CSS
纯CSS3编写的的精美动画进度条(无flash/无图像/无脚本/附源码)
Jan 07 HTML / CSS
一款纯css3制作的2015年元旦雪人动画特效教程
Dec 29 HTML / CSS
用CSS3实现背景渐变的方法
Jul 14 HTML / CSS
如何用css3实现switch组件开关的方法
Feb 09 HTML / CSS
html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形
Jan 09 HTML / CSS
HTML5实现动画效果的方式汇总
Feb 29 HTML / CSS
遮罩层 + Iframe实现界面自动显示的示例代码
Apr 26 HTML / CSS
css animation配合SVG制作能量流动效果
Mar 24 HTML / CSS
css3中2D转换之有趣的transform形变效果
Feb 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
Syphon 使用方法
2021/03/03 冲泡冲煮
解决File size limit exceeded 错误的方法
2013/06/14 PHP
php is_executable判断给定文件名是否可执行实例
2016/09/26 PHP
Prototype 学习 工具函数学习($A方法)
2009/07/12 Javascript
JS通过相同的name进行表格求和代码
2013/08/18 Javascript
Nodejs中自定义事件实例
2014/06/20 NodeJs
IE浏览器不支持getElementsByClassName的解决方法
2014/08/27 Javascript
同一个网页中实现多个JavaScript特效的方法
2015/02/02 Javascript
EasyUi combotree 实现动态加载树节点
2016/04/01 Javascript
预防网页挂马的方法总结
2016/11/03 Javascript
vue最简单的前后端交互示例详解
2018/10/11 Javascript
记一次Vue.js混入mixin的使用(分权限管理页面)
2019/04/17 Javascript
React 全自动数据表格组件——BodeGrid的实现思路
2019/06/12 Javascript
使用xampp将angular项目运行在web服务器的教程
2019/09/16 Javascript
基于Vue.js与WordPress Rest API构建单页应用详解
2019/09/16 Javascript
Vue实现点击按钮复制文本内容的例子
2019/11/09 Javascript
JavaScript实现多文件下载方法解析
2020/08/07 Javascript
Pyramid将models.py文件的内容分布到多个文件的方法
2013/11/27 Python
Python使用htpasswd实现基本认证授权的例子
2014/06/10 Python
Django接受前端数据的几种方法总结
2016/11/04 Python
python try except 捕获所有异常的实例
2018/10/18 Python
Python matplotlib通过plt.scatter画空心圆标记出特定的点方法
2018/12/13 Python
python 实现在shell窗口中编写print不向屏幕输出
2020/02/19 Python
Python操作Jira库常用方法解析
2020/04/10 Python
python3.6.5基于kerberos认证的hive和hdfs连接调用方式
2020/06/06 Python
如何在Windows中安装多个python解释器
2020/06/16 Python
荷兰街头时尚之家:Funkie House
2019/03/18 全球购物
Nasty Gal英国:美国女性服饰销售网站
2021/03/02 全球购物
教学大赛获奖感言
2014/01/15 职场文书
12月小学生校园广播稿
2014/02/04 职场文书
工作检讨书范文
2015/01/23 职场文书
2016年寒假社会实践活动总结
2015/03/27 职场文书
2015年检验科工作总结
2015/04/27 职场文书
MYSQL 运算符总结
2021/11/11 MySQL
SpringBoot全局异常处理方案分享
2022/05/25 Java/Android
Java+swing实现抖音上的表白程序详解
2022/06/25 Java/Android