您的位置:速易发 > html中b标签与strong标签有什么区别?b标签与strong标签的简单比较

html中b标签与strong标签有什么区别?b标签与strong标签的简单比较

2023-08-25 18:10

html中b标签与strong标签有什么区别?本篇文章就给大家通过简单的b标签与strong标签比较,介绍html中b标签与strong标签的区别是什么。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

首先我们来看看<b>标签和<strong>标签给文本文字加粗的样式和用法:

<b>标签加粗文字的简单代码示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title> <b>加粗字体</title>
	</head>
	<body>
		<div>
			<p>这是一段测试文字,本站<br /><br />
			本站的网址为:<b>www.xxx.cn</b>!<br /><br />
			这里使用html b标签来<b>加粗字体</b>
			</p>
		</div>
	</body>
</html>

效果图:

1.jpg

<strong>标签加粗文字的简单代码示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title> <strong>加粗字体</title>
	</head>
	<body>
		<div>
			<p>这是一段测试文字,本站<br /><br />
			本站的网址为:<strong>www.xxx.cn</strong>!<br /><br />
			这里使用html strong标签来<strong>加粗字体</strong>
			</p>
		</div>
	</body>
</html>

效果图:

2.jpg

从<b>标签和<strong>标签的代码示例上我们可以发现,html中的<b>标签和<strong>标签的用法和在浏览器的默认情况下的表现形式都是一样的,都会让文本的字体加粗显示,且文字的加粗效果也是相似的,都为文字粗体显示。

那么<b>标签和<strong>标签有什么区别呢?下面我们来介绍一下<b>标签和<strong>标签的区别。

1、本身的区别

<b>是html的标签,只有1个字符;而<strong>是web标准中xhtml的标签,由6个字符字母组成。

2、目的不同

<b>标签是一个实体标签,它所包围的字符将被设为bold,即文本加粗,其目的仅仅是为了加粗显示文本,是一种样式/风格需求;

而<strong>标签是一个逻辑标签,意思是加强,它的作用是加强字符的语气,表示该文本比较重要,提醒读者/终端注意。一般来说,为了达到这个目的,浏览器等终端会通过将字符变为bold(粗体)、加粗显示的。

总结:<b>标签为了达到加粗样式而加粗,<strong>标签为了标明文本重点而加粗。两者的实现效果和用法本质上没有区别,且至今所有浏览器都支持这两者加粗功能。大家可以根据需要选择一种标签使用,希望能对大家的学习有所帮助。

【更多相关教程推荐】:

HTML视频教程

Html5视频教程

bootstrap视频教程

作者:青灯夜游

阅读全文
以上是速易发为你收集整理的 html中b标签与strong标签有什么区别?b标签与strong标签的简单比较全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
  •  页面性能优化的方法总结

    页面性能优化的方法总结

    本篇文章给大家带来的内容是关于页面性能优化的方法总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。互联...

  • jquery是干什么的 jquery

    jquery是干什么的 jquery

    attr()显示和隐藏元素的方法:1、使用“$(元素).attr(style,display:block);”语句显示元素;2、使用“$(元素).attr(style,displ...

© 2024 速易发 suyifa.com 版权所有 联系我们
桂ICP备19012293号-36 Powered by CMS