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 选择器 伪类选择器介绍
Jan 21 HTML / CSS
纯CSS打造(无图像无js)的非常流行的讲话(语音)气泡效果
Dec 28 HTML / CSS
纯css3实现的动画按钮的实例教程
Nov 17 HTML / CSS
CSS3实现时间轴效果
Jul 11 HTML / CSS
如何使用css3实现一个类在线直播的队列动画的示例代码
Jun 17 HTML / CSS
使用HTML5 Canvas API中的clip()方法裁剪区域图像
Mar 25 HTML / CSS
HTML5中视频音频的使用详解
Jul 07 HTML / CSS
Html5实现文件异步上传功能
May 19 HTML / CSS
浅谈关于html5中图片抛物线运动的一些心得
Jan 09 HTML / CSS
详解window.open被浏览器拦截的解决方案
Jul 18 HTML / CSS
萌新的HTML5 入门指南
Nov 06 HTML / CSS
详解CSS玩转图片Base64编码
May 25 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+MySql编写聊天室
2006/10/09 PHP
thinkphp跨库操作的简单代码实例
2016/09/22 PHP
PHP的简单跳转提示的实现详解
2019/03/14 PHP
php设计模式之工厂方法模式分析【星际争霸游戏案例】
2020/01/23 PHP
jQuery .tmpl(), .template()学习资料小结
2011/07/18 Javascript
js 通过html()及text()方法获取并设置p标签的显示值
2014/05/14 Javascript
jQuery原型属性和原型方法详解
2015/07/07 Javascript
jQuery带进度条全屏图片轮播特效代码分享
2020/06/28 Javascript
jQuery插件easyUI实现通过JS显示Dialog的方法
2016/09/16 Javascript
利用forever和pm2部署node.js项目过程
2017/05/10 Javascript
详解AngularJS ng-class样式切换
2017/06/27 Javascript
js实现前端图片上传即时预览功能
2017/08/02 Javascript
javascript 取小数点后几位几种方法总结
2017/08/02 Javascript
vue导航栏部分的动态渲染实例
2019/11/01 Javascript
javascript实现移动端红包雨页面
2020/06/23 Javascript
Python使用百度API上传文件到百度网盘代码分享
2014/11/08 Python
Django学习教程之静态文件的调用详解
2018/05/08 Python
django 修改server端口号的方法
2018/05/14 Python
解决Pyinstaller 打包exe文件 取消dos窗口(黑框框)的问题
2019/06/21 Python
python pandas时序处理相关功能详解
2019/07/03 Python
python实现按行分割文件
2019/07/22 Python
python实现根据给定坐标点生成多边形mask的例子
2020/02/18 Python
关于python 的legend图例,参数使用说明
2020/04/17 Python
使用Pycharm(Python工具)新建项目及创建Python文件的教程
2020/04/26 Python
python math模块的基本使用教程
2021/01/16 Python
const和static readonly区别
2013/05/20 面试题
《这儿真好》教学反思
2014/02/22 职场文书
校园安全主题班会
2015/08/12 职场文书
小学数学国培研修日志
2015/11/13 职场文书
2016教师学习教育法心得体会
2016/01/19 职场文书
穷人该怎么创业?谨记以下几点
2019/07/11 职场文书
入伍志愿书怎么写?
2019/07/19 职场文书
利用Matlab绘制各类特殊图形的实例代码
2021/07/16 Python
spring cloud 配置中心native配置方式
2021/09/25 Java/Android
python调用ffmpeg命令行工具便捷操作视频示例实现过程
2021/11/01 Python
Win11 S Mode版本泄露 正式上线后叫做Windows 11 SE
2021/11/21 数码科技