数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时尚研究
法律研究<b> 和 <strong>、<i> 和 <em> 标签有什么区别？
在本文中，我们将讨论 <b> 和 <strong> 标签、<i> 和 <em> 标签之间的区别，并查看一些使用这些标签的示例。
<b> 和 <strong> 标签
<b> HTML 元素用于吸引读者注意其内容在其他方面不重要的元素。它以粗体突出显示一段文本，使其对用户更显眼。这是一种样式声明。它不传达任何额外的意义。
因此，如果我们只需要出于演示目的增加特定单词、短语或段落的字体粗细，则应使用 <b> 标签。
语法
<b> 标签写成 <b>/b>，粗体文本插入在开始和结束标签之间。
<b> --bold text-- </b>
HTML <strong> 标签强调文本，传统上意味着浏览器将文本显示为粗体。它突出了内容的重要性。它可以用来强调严肃性、紧迫性或重要性。它表明某些内容必须如何理解。
<strong> 标签内的文本对搜索引擎具有语义意义，并且以特殊的语调突出显示。
语法
<strong> --content to be emphasized-- </strong>
这两个标签之间的区别在于 <b> 仅在视觉上使文本显示为粗体，而 </strong> 标签还提供语义强调，表示有意义的单词或文本部分。用在另一个 </strong> 标签内的 </strong> 标签具有更大的权重。
造成这种区别的原因是 HTML 区分语义（有意义）和物理（视觉外观）标签。前者指的是各个区域的含义，后者仅定义浏览器中的视觉显示。
让我们看看这两个标签的使用示例。
示例
在此示例中，我们将演示 <b> 标签在 HTML 中的使用。
<!DOCTYPE html>
<html>
<head>
<title> <b> tag in HTML </title>
<style>
div{
background-color:honeydew;
color:darkolivegreen;
width:350px;
height:70px;
padding:20px;
margin:20px;
font-size:17px;
}
</style>
</head>
<body>
<h3>An example of bold tag</h3>
<div>
<p>
The text below is enclosed within the 'bold' tag<br>
<b>I am just bold text without any significance</b>
</p>
</div>
</body>
</html>
示例
在此示例中，我们将演示 <strong> 标签在 HTML 中的使用。
<!DOCTYPE html>
<html>
<head>
<title> <strong> tag in HTML </title>
<style>
div{
background-color:mistyrose;
color:mediumvioletred;
width:420px;
height:70px;
padding:20px;
margin:20px;
font-size:17px;
}
</style>
</head>
<body>
<h3>An example of strong tag</h3>
<div>
<p>
The text below is enclosed within the 'strong' tag<br>
<strong>I am a text of strong importance, unlike plain bold text.<strong>
</p>
</div>
</body>
</html>
< i > 和 < em > 标签
在 HTML 中，<i> 标签用于以斜体显示内容。此标签通常用于显示技术术语、短语或其他语言的关键术语。<i> 标签与 <b> 标签一样，用于演示目的。它表示文本的一部分以不同的声音或情绪，或指示不同的文本质量。
语法
<i> --contents-- </i>
<em> 标签表示其内容的强调。它能够改变句子的含义。此标签内的文本也以斜体显示。<em> 元素可以嵌套，每个级别都表示更高的强调级别。
语法
<em> --content to be emphasized-- </em>
这两个标签的主要区别在于 <em> 标签在语义上强调了一个重要的单词或单词部分，而 I 标签只是偏移文本，通常以斜体样式显示以显示不同的情绪或声音。
让我们看看描述这两个标签用法的示例。
示例
在此示例中，我们将演示 <i> 标签在 HTML 中的使用。
<!DOCTYPE html>
<html>
<head>
<title> <i> tag in HTML </title>
<style>
div{
background-color:mintcream;
color:teal;
width:320px;
height:70px;
padding:20px;
margin:20px;
font-size:17px;
}
</style>
</head>
<body>
<h3>An example of i tag</h3>
<div>
<p>
In French <i>Je m'appelle</i> means 'my name is'
</p>
</div>
</body>
</html>
示例
在此示例中，我们将演示 <em> 标签在 HTML 中的使用。
<!DOCTYPE html>
<html>
<head>
<title> <em> tag in HTML </title>
<style>
div{
background-color:linen;
color:purple;
width:320px;
height:50px;
padding:20px;
margin:20px;
font-size:18px;
}
</style>
</head>
<body>
<h3>An example of em tag</h3>
<div>
<p>
<em>I am the emphasized part</em> of the entire text.
</p>
</div>
</body>
</html>
464 次查看
