欢迎访问畅维网络官网,我们将为您提供专业的网站建设服务!
咨询电话:0531-88162305 QQ:点击这里给我发消息
当前位置:首页 > 网站学院 > 网站技术

网站建设的HTML中<i>和<em>,<b>和<strong>标签的区别

<i>和<em> :

这是<i>标签
这是<em>标签
<b>和<strong> :

这是<b>标签
这是<strong>
但是:

在HTML4.01中:
< b > < i > 是视觉要素(presentationl elements),分别表示无意义的加粗,无意义的斜体,表现样式为 { font-weight: bolder },仅仅表示「这里应该用粗体显示」或者「这里应该用斜体显示」,此两个标签在HTML4.01中并不被推荐使用;

< em > 和 < strong > 是表达要素(phrase elements)。 < em > (emphasized text)表示一般的强调文本,而 < strong > (strong emphasized text)表示比 < em > 语义更强的的强调文本。
这么说可能不大容易理解,我们来想想另外一种情境:

当一个盲人用户在使用浏览器的朗读功能时,<b>...</b>之间的内容只会做一般的解读,而<strong>...</strong>之间的内容却会使用强调的语气。这是因为:

<strong>和<em>标签是“含有语义”的标签,搜索引擎会了解这些语义。其在HTML中是特意被设定为表示“强调”的意思。当发现这些表示“强调”的标签时,一些屏幕阅读器可能使用不同的inflection。而<b>和<i>标签主要体现在网页布局上面的视觉效果体现。
所以应使用 strong 来代替 b,使用 em 代替 i,以达到结构化。在大多数桌面浏览器缺省状态下,strong 的显示效果和 b 相同,而 em 和 i 相同,同时也可以在不破坏文档结构的情况下创建你期待的视觉效果。这在HTML转向XHTML的过程中会有很大帮助。(编辑:济南网站建设、济南网站建设公司:畅维网络)

鲁公网安备 37010502000788号

  • 扫一扫,关注微信公众号