HTML中粗体strong与b,斜体em与i标签的区别

1)关于html标签中b和strong两个的区别，我也是今天用到时才注意的，以前都是混着用的，今天工作的时候才注意到这两个标签的区别。
用在网页上，默认情况下它们起的均是加粗字体的作用，二者所不同的是，标签是一个实体标签，它所包围的字符将被设为bold（粗体），而标签是一个逻辑标签，它的作用是加强字符的语气，一般来说，加强字符的语气是通过将字符变为bold（粗体）来实现的。

注意：什么是物理标记？什么是逻辑标记？

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

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

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

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

总结：简单的说strong是web标准中xhtml的标签，strong的意思是“强调”；b是html的，b的意思是bold（粗体）。web标准主张xhtml不涉及具体的表现形式，“强调”可以用加粗来强调，也可以用其它方式来强调，比如下划线，比如字体加大，比如红色，等等，可以通过css来改变strong的具体表现。

并不是说有了strong，就淘汰了b，只是这个b很无辜，就因为自己表示的是字体加粗，恰巧跟strong默认情况下强调的效果一致，其实这个strong完全可以定义成别的样式的强调效果

WEB标准提倡样式与内容分离，所以纯粹为了达到加粗而使用B已经不建议这样做。

从XHTML文档有意义性及用户体验角度来说，strong更有益，更被建议使用。而SEO方面，则针对优化情况而定。

结论：对于搜索引擎来说和比和要重视的多。为了符合现在W3C的标准，还是推荐使用strong标签。

2) 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。

在文本中加入强调也需要有技巧。如果强调太多，有些重要的短语就会被漏掉；如果强调太少，就无法真正突出重要的部分。这与调味品一样，最好还是不要滥用强调。

尽管现在 标签修饰的内容都是用斜体字来显示，但这些内容也具有更广泛的含义，将来的某一天，浏览器也可能会使用其他的特殊效果来显示强调的文本。如果你只想使用斜体字来显示文本的话，请使用 标签。除此之外，文档中还可以包括用来改变文本显示的级联样式定义。

除强调之外，当引入新的术语或在引用特定类型的术语或概念时作为固定样式的时候，也可以考虑使用 标签。例如，W3School 经常对重要的术语使用 标签。 标签可以用来把这些名称和其他斜体字区别开来。

结论同上，为了符合现在W3C的标准，还是推荐使用标签。

3）注意： 标签和 标签一样，用于强调文本，但它强调的程度更强一些。

HTML中粗体strong与b,斜体em与i标签的区别相关推荐

ios 自动缩小字体_小字体紫筑B丸85%中粗体文件+deb双版本
今天带来的是有字由心雨公众号的一款收费字体『紫筑B丸』,我把5字重里面的中粗体提取出来单独缩小至85%后做成了单字重,同时把英文也改变成和中文对应的大小粗度后,整体感觉非常的舒服,也一直是我自用最久的 ...
html标签em和i的区别,HTML中strong与b,em与i标签的区别和使用建议
关于html标签中,b和strong.em与i两组标签的区别,我以前都是混着用的,也是今天用到时才注意到这两个标签的区别. 默认情况下它们起的b和strong是加粗字体,em与i是使字体变斜体的的作用 ...
nuxt中必须要知道的一点关于 nuxt-link 和 a 标签的区别
在nuxt项目中可以有两种方式进行路由跳转 1.使用nuxt-link标签 <nuxt-link to="/shop/cart">购物车</nuxt-link&g ...
Markdown语法003：斜体和粗体、红色显示及其他字体颜色
Markdown语法003:斜体和粗体.红色显示及其他字体颜色 1. 粗体和斜体 2. 快捷键实现粗体和斜体 3. 红色显示 4. 其他字体和颜色 1. 粗体和斜体 Markdown 的粗体和斜体也非 ...
【Markdown基础教程】强调语法（粗体，斜体，粗斜体）详解
大家好,今天我将带来对Markdown字体的详解在这篇文章中,我们将学习Markdown的粗体,斜体和粗斜体一.粗体粗体有两种表示方法方法一:两个星号(**) 粗体的英文是**bold**. ...
html字体加粗效果不明显,css去除粗体_去掉加粗样式图文实例教程
用css去除粗体名目,html有些标签自带粗体格局,也许使用css格局去除粗体字体造诣. 一.去除粗体CSS属性单词 font-weight --粗体,加粗名目单词去除勾销加粗粗体样式: font- ...
andorid text加粗_android textView设置粗体
释放双眼,带上耳机,听听看~! 今天实在没有什么可以讲的,在网上搜素了很多资料,也没有找到合适的内容.于是只有讲这个很简单的内容,毕竟自己还是想保持写博客的习惯. 第一种实现的代码: TextView ...
html中设置字体字型,html中如何在font中设置字体样式（粗体斜体等）
html> 字体加粗用加粗字体:加粗用加粗字体:加粗用CSS font-weight 加粗 normal(400), bold(700) ...
POI Excel 上下标、下划线、粗体、斜体标签处理（sup、sub、u、strong、em的HTML标签转化到excel格式）②
由于上篇写的代码不支持多标签嵌套的字符串,项目中容易报错:java.lang.IllegalArgumentException: Start and end index not in range. 目 ...

HTML中粗体strong与b,斜体em与i标签的区别

HTML中粗体strong与b,斜体em与i标签的区别相关推荐

最新文章

热门文章