为什么 HTML5 中没有 big 标签,而有 small 标签?

html5web developmentfront end technology更新于 2024/4/16 7:40:17

HTML 4 中包含 <big> 和 <small> 标签,但在 HTML 5 中,由于 <big> 标签已被开发人员移除,因此只剩下 <small> 标签。

为什么 HTML 5 中有 <small> 标签,而没有 <big> 标签

<big> 标签用于使字体大小大于正常字体。例如,如果浏览器的默认字体大小为小,则 big 标签会将其设置为中。

<small> 标签用于使字体大小小于正常字体。如果浏览器的默认字体大小为中,则 small 标签会将其设置为小。

基本上,<small>标签用于创建脚注或在页脚中添加文本,但 <big> 标签没有特定用途。因此,它已从 HTML 5 中移除。用户可以使用 <h1>、<h2> 等标签根据需要放大字体。

使用 <small> 标签的语法

用户可以按照以下语法在 HTML 5 中使用 <small> 标签。

<small> content </small>

示例 1(使用 <small> 标签)

在下面的示例中,我们使用了 <small> HTML 标签将字体设置为小于默认字体。在输出中,用户可以观察到正常字体大小和在 <small> 标签中添加的字体大小。

<html>
<body>
   <h2> Using the <i> small tag </i> in HTML 5 </h2>
   <!-- use of <big> tag -->
   <small> Welcome to the TutorialsPoint! </small>
   <br>
   <div> Welcome to the TutorialsPoint! </div>
</body>
</html>

示例 2(使用 <big> 标签)

<big> 标签在 HTML 5 中已弃用,但我们在 HTML 4 中继续使用它。在输出中,用户可以观察到 <big> 标签中添加的文本的字体大小大于浏览器的默认字体大小。

<html>
<body>
   <h2> Using the <i> big tag </i> in HTML 4</h2>
   <!-- use of <big> tag -->
   <big> Welcome to the TutorialsPoint! </big>
   <br>
   <div> Welcome to the TutorialsPoint! </div>
</body>
</html>

示例 3(<big> 标签的替代方案)

在本例中,我们将学习如何使用 <h1> 和 <h2> 来替代 HTML 5 中的 <big> 标签。在​​输出中,用户可以观察到 <h1> 标签中添加的文本的字体大小比 <h2> 标签中添加的文本更大。

<html>
<body>
   <h2> Using the <i> h1 and h2 as an alternative of big tag </i> in HTML 5 </h2>
   <!-- use of <big> tag -->
   <h1> This text is inside the h1 tag. </h1>
   <h2> This text is inside the h2 tag. </h2>
</body>
</html>

<big> 标签没有特定用途,因此已从 HTML 5 中移除。不过,HTML 5 中有一些替代标签,可以使文本比正常文本大一号。用户可以使用标题标签或 CSS 来增大文本的字体大小。


相关文章