HTML标签b和strong的区别

最新推荐文章于 2025-09-19 07:41:55 发布
原创 最新推荐文章于 2025-09-19 07:41:55 发布 · 3.8k 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #html5

b标签和strong标签在网页中均显示为加粗文本，但语义上有所不同。b标签主要关注视觉样式，而strong标签强调内容的重要性，对于屏幕阅读设备，strong标签的内容会被特别提示。因此，b标签用于显示效果，strong标签用于强调内容的优先级。
部署运行你感兴趣的模型镜像

两者在网页中的显示效果是一样的，实际目的不同。
b标签使得文本默认显示效果为加粗效果，是样式标签
strong标签使得文本默认显示效果为加粗效果，是语义化标签，标签的意思是加强，表示该文本比较重要，提醒读者/终端注意。
也就是说：
b标签是为了加粗的显示效果而使用，strong标签是为了强调这个是重点内容而使用。
最容易理解的场景就是：盲人朋友使用屏幕阅读设备阅读网络资源时，strong标签包裹的内容会被重读，而b标签包裹的内容不会被重读

您可能感兴趣的与本文相关的镜像

Anything-LLM

Anything-LLM

AI应用

AnythingLLM是一个全栈应用程序，可以使用商用或开源的LLM/嵌入器/语义向量数据库模型，帮助用户在本地或云端搭建个性化的聊天机器人系统，且无需复杂设置

HTML ＜strong＞ 标签
玄链教育
08-18 1597
以下元素都是短语元素。虽然这些标签定义的文本大多会呈现出特殊的样式，但实际上，这些标签都拥有确切的语义。我们并不反对使用它们，但是如果您只是为了达到某种视觉效果而使用这些标签的话，我们建议您使用样式表，那么做会达到更加丰富的效果。把文本定义为语气更强的强调的内容。
通过HTML5规范搞定i、em、b、strong元素的区别
09-27
b与strong标签介绍 规范描述： The b element represents a span of text with no inherent meaning, typically used when style alone is insufficient to indicate the nature of the content, and where no other...
HTML - 你知道b与strong标签的区别吗
xingyu_qie的专栏
04-03 868
原因就在于，其实很多人在开发工作中，对HTML语义化并不是很重要，他们更习惯性的使用div进行布局，依赖CSS的样式控制能力来展开工作。网页头部不使用header标签，底部不使用footer标签，导航不使用nav标签，列表不使用ul标签，而是全部用div来布局，这样的场景是非常多的。久而久之，这两个标签用都不用，又怎么会重视二者的区别呢。搞混，甚至在工作中，很大一部人不会使用这两个标签，而是通过CSS样式去控制加粗效果。不单单是初学者，即便是有好几年工作经验的前端开发工作者，也会有一大部分人。
加粗b与strong的区别分析
12-13
我们各位站长都知道在做网站优化的时候，文章的关键字加粗对优化是有极大的好处的。   但细心就会发现strong和b同样都是起加粗作用。像wordpress程序在加粗的时候系统默认会使用strong标签加粗。那么到底应该用哪个比较好呢。下面北京SEO就来分析下<strong>和<b>标签的用法与区别。    比如<strong>网站优化</strong> 和<b>网站优化</b>我们看到的是一样的加粗效果。 所以说B标签与Strong标签都是视觉效果加粗。    但是B标签本身不具备HTML语义，如果精通HTML的人很快就会知道这个标签在HTML代码里面只有加粗的意思。Strong标签在HTML
HTML `＜strong＞` 标签（重要文本）深度解析
最新发布
2501_93104808的博客
09-19 969
本文深入解析HTML <strong>标签的语义与用法。该标签用于表示文本具有强重要性、严重性或紧迫性，不仅呈现为粗体，更传递语义信息。相比<b>仅提供视觉样式，<strong>强调语义重要性；与相比，<<em>strong>表示更强烈的强调。文章详细介绍了其典型应用场景（如警告、关键信息等）、可访问性考量、浏览器兼容性及最佳实践，强调应基于语义而非视觉需求使用该标签，并提供了基本用法、对比示例和CSS定制建议。
strong标签
DrunkYoung的博客
12-12 6839
strong 标签 strong表示强调，strong标签强调文本，在搜索引擎上即为该网页关键词，在浏览器上默认样式是字体加粗，而b标签在浏览器上默认文本样式也是粗体，但b标签仅仅只是把文本加粗，是一个样式。表示强调还有标签，表现形式为斜体（通常是斜体加黑体），与标签比起来强调程度要弱很多。同样，标签也可以使文本字体倾斜，但也只是字体倾斜的样式。和为强调而加粗和斜体。中可用font-weight:...
HTML b标签和strong标签的区别
diangu2916的博客
07-05 600
盲人朋友使用阅读设备阅读网络时：<strong>会重读，<B>不会 从网站优化方面分析，最主要的区别应该是<strong> XX</strong>内的内容比起<b>XX</b>的内容应该更容易被网络蜘蛛抓取，也就是更容易使网站被用户搜索到 两者虽然在网页中显示效果一样，但实际目的不同。<b>这个标...
今天才知道b标签和strong标签差别这么大
dong_dong222的博客
03-01 2717
b和strong都是使字体加粗。 区别一：但是strong的语义性更强烈，对于优化搜索来说更好，能让它知道你这里面的内容的语义效果，b只对视觉效果进行了强调，而语义上没有帮助。 区别二： strong是web标准中xhtml的标签，strong的意思是“强调”；b是html的，b的意思是bold（粗体）。 为了符合现在W3C的标准，推荐使用strong标签。 ...
CSS去掉b加粗和strong加粗标签样式.docx
11-22
例如，我们可以使用以下代码去掉 b 和 strong 加粗标签样式： ```css b { font-weight: normal; } strong { font-weight: normal; } ``` 这样，我们就可以去掉 b 和 strong 加粗标签的样式，使文字恢复正常样式...
HTML5中语义化 b 和 i 标签
11-21
在过去的Web标准中，`<b>`和`<i>`标签通常被视为非语义化的标签，主要用于呈现粗体和斜体效果，而忽视了内容的意义。随着HTML5的发展，这两个标签被赋予了新的语义含义，从而在某些场景下恢复了它们的使用价值。 `...
HTML5不支持标签和新增标签详解
01-19
1、HTML5不支持或不赞成使用的标签 ——定义只取首字母的缩写，HTML5 不支持。使用定义缩写代替，其中title ...如果是为了强调重要的文本，建议使用<strong>标签更为合适；如果只是纯粹为了加粗文本，建议使用CSS样式f
html中<b>标签和<Strong>标签的区别
09-29 647
关于html标签中b和strong两个的区别，我也是今早上才注意的，以前都是混着用的，早上看书的时候才注意到这两个标签的区别。 用在网页上，默认情况下它们起的均是加粗字体的作用，二者所不同的是，<b>标签是一个实体标签，它所包围的字符将被设为bold（粗体）， 而<strong>标签是一个逻辑标签，它的作用是加强字符的语气，一般来说，加强字符的语气...
b标签、Strong标签、h1标签的区别以及使用
msg_java2011的专栏
05-31 6596
<br />1、什么是STRONG与B标签？<br /><br />　　众所周知，事务的发展只能越来越趋向于标准化，搜索引擎也必定更喜欢标准化的东西。b标签是HTML的内容，而STRONG是XHTML的内容。因此在标准化上来看，STRONG标签更胜于B标签。因此，在技术允许的情况下，网站尽量用DIV+CSS来排版，是趋势。<br /><br />　　从语义来看：<br /><br />　　《strong》是加重语气标签<br /><br />　　《b》是粗体标签<br /><br />　　<b>标签是一个实
＜b＞和＜strong＞的区别
猫老板的豆
08-24 1588
``标签具有语义并充当强调作用，而 ``标签没有，``标签只是一个简单的粗体标签
<b>与<strong> 与<i><em>标签的区别
vuturn的专栏
04-03 4926
与 用在网页上都能式字体加粗，二者的不同是：是物理元素 ;是逻辑元素。  物理元素强调的是一种物理行为。比如说，把一段文字用b加粗，意识是告诉浏览器应该加粗显示，没有其他作用。而可以从字面理解知道他是强调的意识，是逻辑标签，强调文档逻辑。  对于搜索引擎（SEO）来说，比重视的多。 和都是斜体，但是是逻辑元素，是物理元素。
html <b>加粗与<strong>加粗标签区别
热门推荐
Dream_ling的博客
03-15 1万+
html b加粗与strong加粗标签区别在哪 1、html b与strong加粗标签区别 加粗标签与加粗标签区别在于前者只有1个字符，后者6个字符字母标签。 2、b与strong用法区别 html b 与 html strong 标签用法没有区别，一般想节约字节字符就用b加粗标签，建议大家不要刻意追求这两者用法与区别 加粗用法案例片段代码如下： b>我被B标签加粗b>
html中的<b>和<strong>有什么区别呢？
wy818的专栏
10-19 3044
两者虽然在网页中显示效果一样，但实际目的不同。 这个标签对应 bold，即文本加粗，其目的仅仅是为了加粗显示文本，是一种样式／风格需求； 这个标签意思是加强，表示该文本比较重要，提醒读者／终端注意。为了达到这个目的，浏览器等终端将其加粗显示； 总结：为了加粗而加粗，为了标明重点而加粗。
html中的＜b＞和＜strong＞的区别
zhang_s的博客
10-11 1212
<b>标签对应bold，文本加粗，其目的仅仅是为了加粗显示文本，是一种样式／风格需求； <strong>标签意思是加强，表示该文本比较重要，提醒读者／终端注意。 总结：<b>为了加粗而加粗，<strong>为了标明重点而加粗。 ...
b 标签和 strong 标签,i 标签和 em 标签的区别？
weixin_42856661的博客
08-14 1557
b标签是加粗，相当于bold加粗， strong 也是加粗的意思， 强调的意思。 一个是标签一个是逻辑元素。 I和em都是倾斜的意思，只是em它有强调的意思 。一个是逻辑元素 物理元素。...
b标签和strong标签的效果是一样的么
06-06
### HTML中 `<b>` 标签与 `<strong>` 标签的区别及效果比较 在HTML中，`<b>` 和 `<strong>` 标签虽然在视觉上都呈现为加粗的文本效果，但它们在语义和用途上存在显著差异。以下是具体的区别和效果比较： #### 1. **显示效果** - `<b>` 和 `<strong>` 标签在默认情况下都会使文本以加粗的形式显示[^4]。 - 然而，这种视觉上的相似性并不意味着两者可以互换使用。 #### 2. **语义意义** - `<b>` 标签仅用于表示一种样式上的加粗效果，没有特定的语义含义。它主要用于需要加粗显示但不希望传达任何额外重要性或强调的场景[^4]。 - `<strong>` 标签则具有明确的语义含义，表示文本的重要性和强调。它向浏览器、搜索引擎以及辅助技术（如屏幕阅读器）传达该部分内容是重点内容[^4]。 #### 3. **对辅助技术的影响** - 在辅助技术（如屏幕阅读器）中，`<strong>` 标签的内容可能会被特别处理，例如通过重读或改变音调来突出其重要性。而 `<b>` 标签的内容则不会被特殊处理。 #### 4. **搜索引擎优化（SEO）影响** - 搜索引擎更倾向于关注 `<strong>` 标签中的内容，因为这些内容通常被视为页面中的关键信息或重点部分。因此，合理使用 `<strong>` 标签有助于提升页面的语义化程度和SEO效果[^2]。 - `<b>` 标签由于缺乏语义价值，在SEO方面的作用较小。 #### 5. **适用场景** - 使用 `<b>` 标签时，通常是为了纯粹的视觉效果，而不涉及任何语义上的强调。例如，在某些设计中需要突出显示某些文字，但这些文字并不比其他内容更重要时，可以选择 `<b>` 标签[^4]。 - 使用 `<strong>` 标签时，则是为了强调文本的重要性。例如，关键词、警告信息或其他需要引起注意的内容[^2]。 #### 示例代码 以下是一些示例代码，展示了如何正确使用 `<b>` 和 `<strong>` 标签： ```html <!-- 使用 <b> 标签 --> <p>这是一段普通文本，其中 <b>这部分</b> 被加粗显示。</p> <!-- 使用 <strong> 标签 --> <p>这是一段普通文本，其中 <strong>这部分</strong> 被强调为重要内容。</p> ``` ### 总结 尽管 `<b>` 和 `<strong>` 标签在视觉效果上相似，但它们在语义和功能上有着本质区别。开发者应根据实际需求选择合适的标签，以确保网页内容既符合语义化要求，又能满足SEO和无障碍访问的需求。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值