HTML5中语义化 b 和 i 标签


Posted in HTML / CSS onOctober 17, 2008

b 和 i 标签在现在的 Web 标准潜规则中是不推荐使用,甚至是反对使用的,因为认为他们只是“表现”粗体和斜体,而没有任何“语义”。更多的用 strong 和 em 标签代替。
而在新的 HTML5 工作草案 中对于 b 和 i 标签是这样定义的

从规范中可以注意到:b 和 i 元素将被赋予真正的语义。更应有预见性注意 b 、i 与 strong 、em 的不同使用 。
扩展阅读: HTML4 到 HTML5 的变化 A Preview of HTML 5
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 元素现在描述为在普通文章中突出不同意见或语气或其他的一段文本,例如:一个分类名称,一个技术术语,一个外语中的谚语,一个想法等。或者代表斜体的排版方式。

HTML / CSS 相关文章推荐
css3背景_动力节点Java学院整理
Jul 11 HTML / CSS
CSS3制作文字半透明倒影效果的两种实现方式
Aug 08 HTML / CSS
CSS3+js实现简单的时钟特效
Mar 18 HTML / CSS
使用CSS3来绘制一个月食图案
Jul 18 HTML / CSS
结合CSS3的新特性来总结垂直居中的实现方法
May 30 HTML / CSS
HTML+CSS3模拟心的跳动实例代码
Sep 05 HTML / CSS
纯css3实现思维导图样式示例
Nov 01 HTML / CSS
HTML5中的新元素介绍
Oct 17 HTML / CSS
canvas因为图片资源不在同一域名下而导致的跨域污染画布的解决办法
Jan 18 HTML / CSS
Html5自定义字体解决方法
Oct 09 HTML / CSS
钉钉企业内部H5微应用开发详解
May 12 HTML / CSS
网站性能延迟加载图像的五种技巧(小结)
Aug 13 HTML / CSS
HTML5的结构和语义(5):内嵌媒体
Oct 17 #HTML / CSS
HTML5的结构和语义(5):交互
Oct 17 #HTML / CSS
HTML5 语义化结构化规范化
Oct 17 #HTML / CSS
HTML5 与 XHTML2
Oct 17 #HTML / CSS
X/HTML5 和 XHTML2
Oct 17 #HTML / CSS
HTML5: Web 标准最巨大的飞跃
Oct 17 #HTML / CSS
详解Html5中video标签那些属性和方法
Jul 01 #HTML / CSS
You might like
Terran兵种对照表
2020/03/14 星际争霸
WAR3重制版DOTA 5V5初体验
2020/04/09 DOTA
php获取url字符串截取路径的文件名和扩展名的函数
2010/01/22 PHP
php学习笔记 [预定义数组(超全局数组)]
2011/06/09 PHP
PHP语法自动检查的Vim插件
2014/08/11 PHP
php封装单文件上传到数据库(路径)
2017/10/15 PHP
Laravel实现短信注册的示例代码
2018/05/29 PHP
php使用event扩展的io复用测试的示例
2020/10/20 PHP
javascript设计模式 封装和信息隐藏(上)
2012/07/24 Javascript
jQuery获得内容和属性方法及示例
2013/12/02 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
2014/05/27 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
2015/03/11 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
2017/06/12 Javascript
node+express+ejs使用模版引擎做的一个示例demo
2017/09/18 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
详解JavaScript的BUG和错误
2018/05/07 Javascript
node.js ws模块搭建websocket服务端的方法示例
2019/04/25 Javascript
微信头像地址失效踩坑记附带解决方案
2019/09/23 Javascript
解决Echarts2竖直datazoom滑动后显示数据不全的问题
2020/07/20 Javascript
解决vue下载后台传过来的乱码流的问题
2020/12/05 Vue.js
python操作xml文件详细介绍
2014/06/09 Python
python 执行shell命令并将结果保存的实例
2018/05/11 Python
对python requests发送json格式数据的实例详解
2018/12/19 Python
利用python和百度地图API实现数据地图标注的方法
2019/05/13 Python
通过python实现弹窗广告拦截过程详解
2019/07/10 Python
python主线程与子线程的结束顺序实例解析
2019/12/17 Python
俄罗斯卫浴采暖及维修用品超级市场:Dkrussia
2020/05/12 全球购物
设计总监岗位职责
2013/12/07 职场文书
护理不良事件检讨书
2014/02/06 职场文书
《童年的发现》教学反思
2014/02/14 职场文书
交警作风整顿剖析材料
2014/10/11 职场文书
2015年教师节感言
2015/08/03 职场文书
幼儿园教师辞职信
2019/06/21 职场文书
go结构体嵌套的切片数组操作
2021/04/28 Golang
MongoDB连接数据库并创建数据等使用方法
2021/11/27 MongoDB
Element-ui Layout布局(Row和Col组件)的实现
2021/12/06 Vue.js