博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
<b></b>与<strong></strong>有什么不同?<i>和<em>有啥区别?
阅读量:5363 次
发布时间:2019-06-15

本文共 1405 字,大约阅读时间需要 4 分钟。

刚刚在整理浏览器默认样式的时候,看到一作者问道这两对标签的不同,于是整理入下:

它们的区别就再于一个是物理元素,一个是逻辑元素。

什么是物理元素?什么是逻辑元素?

物理元素所强调的是一种物理行为,比如说我把一段文字用b标记加粗了,我的意思是告诉浏览器应该给我加粗了显示这段文字,从单词的语义也可以分析得出,b是Bold(加粗)的简写,所以这个B标记所传达的意思只是加粗,没有任何其它的作用

而Strong我们从字面理解就可以知道他是强调的意思,所以我们用这个标记向浏览器传达了一个强调某段文字的消息,而这个Strong就是我们所说的逻辑元素,他是强调文档逻辑的,并非是通知浏览器应该如何显示

同样,I是Italic(斜体),而em是emphasize(强调)。

所以说:物理元素是告诉浏览器我应该以何种格式显示文字,逻辑元素告诉浏览器这些文字有怎么样的重要性。

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 的不同使用 。

 

转载于:https://www.cnblogs.com/dabingguai/p/5051112.html

你可能感兴趣的文章
[数据库连接池二]Java数据库连接池
查看>>
C#_Path类常用操作
查看>>
什么是交换机 初级网络工程师 必看
查看>>
ListView的简单使用--Android
查看>>
bzoj1452: [JSOI2009]Count
查看>>
bzoj5029: 贴小广告&&bzoj5168: [HAOI2014]贴海报
查看>>
关于国际化
查看>>
字符串函数之strncmp
查看>>
移动端base.css
查看>>
Java入门系列-11-类和对象
查看>>
URL和URI
查看>>
结对开发
查看>>
关于An association from the table refers to an unmapped class
查看>>
sql server 2005建立数据库,表,约束,账户密码,权限,基本查询删除语句
查看>>
discuz二次开发笔记(一)------$_G全解析
查看>>
shell环境变量以及set,env,export的区别
查看>>
Apache报错You don't have permission to access on this server
查看>>
关于php的socket
查看>>
脚本控制
查看>>
每日关键词-170226
查看>>