• 技术文章 >web前端 >html教程

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

    青灯夜游青灯夜游2018-10-24 15:01:15原创5757

    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>这是一段测试文字,php中文网<br /><br />
    			php中文网的网址为:<b>m.sbmmt.com</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>这是一段测试文字,php中文网<br /><br />
    			php中文网的网址为:<strong>m.sbmmt.com</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标签的简单比较的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html <b> <strong> 字体加粗
    上一篇:详解html中strong标签如何设置字体加粗?(代码示例) 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 加粗<b>与<strong>的区别分析_HTML/Xhtml_网页制作• HTML中<strong>与<b>,<em>与<i>标签的区别• 认识HTML <strong>加粗粗体标签• 认识html <b>加粗与<strong>加粗的差别
    1/1

    PHP中文网