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中Transform动画属性用法详解
Jul 04 HTML / CSS
修复iPhone的safari浏览器上submit按钮圆角bug
Dec 24 HTML / CSS
css3 矩阵的使用详解
Mar 20 HTML / CSS
CSS3 box-shadow属性实例详解
Jun 19 HTML / CSS
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
Jan 30 HTML / CSS
html5 乒乓球(碰撞检测)实例二
Jul 25 HTML / CSS
html5 canvas绘制矩形和圆形的实例代码
Jun 16 HTML / CSS
有关HTML5页面在iPhoneX适配问题
Nov 13 HTML / CSS
使用Html5中的cavas画一面国旗
Sep 25 HTML / CSS
wordpress添加Html5的表单验证required方法小结
Aug 18 HTML / CSS
html5使用window.postMessage进行跨域实现数据交互的一次实战
Feb 24 HTML / CSS
html5移动端禁止长按图片保存的实现
Apr 20 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
php实现购物车功能(下)
2016/01/05 PHP
Zend Framework教程之Zend_Db_Table表关联实例详解
2016/03/23 PHP
PHP自定义图片缩放函数实现等比例不失真缩放的方法
2016/08/19 PHP
PHP面向对象程序设计方法实例详解
2016/12/24 PHP
PHP连接sftp并下载文件的方法教程
2018/08/26 PHP
Laravel5.7 数据库操作迁移的实现方法
2019/04/12 PHP
基于thinkphp5框架实现微信小程序支付 退款 订单查询 退款查询操作
2020/08/17 PHP
ajax无刷新动态调用股票信息(改良版)
2008/11/01 Javascript
js预载入和JavaScript Image()对象使用介绍
2011/08/28 Javascript
js Html结构转字符串形式显示代码
2011/11/15 Javascript
jQuery实现预加载图片的方法
2015/03/17 Javascript
javascript基本包装类型介绍
2015/04/10 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
2016/07/14 Javascript
初识简单却不失优雅的Vue.js
2016/09/12 Javascript
jQuery遮罩层实例讲解
2017/05/11 jQuery
详解从Vue-router到html5的pushState
2018/07/21 Javascript
详解Vue CLI 3.0脚手架如何mock数据
2018/11/23 Javascript
javascript实现函数柯里化与反柯里化过程解析
2019/10/08 Javascript
js+canvas实现五子棋小游戏
2020/08/02 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
2020/10/21 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
2020/11/24 Javascript
[45:52]2018DOTA2亚洲邀请赛 4.1小组赛 A组加赛 LGD vs Liquid
2018/04/02 DOTA
Python3实现的腾讯微博自动发帖小工具
2013/11/11 Python
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
python 地图经纬度转换、纠偏的实例代码
2018/08/06 Python
Python简单处理坐标排序问题示例
2019/07/11 Python
Python 获取windows桌面路径的5种方法小结
2019/07/15 Python
用python画一只可爱的皮卡丘实例
2019/11/21 Python
Django中如何用xlwt生成表格的方法步骤
2021/01/31 Python
如何使用PHP session
2015/04/21 面试题
送给程序员的20个Java集合面试问题
2014/08/06 面试题
会计电算化大学生职业规划书
2014/02/05 职场文书
小溪流的歌教学反思
2014/02/13 职场文书
大学生翘课检讨书范文
2014/10/06 职场文书
自主招生英文自荐信
2015/03/25 职场文书
培训感想范文
2015/08/07 职场文书