HTML的常见标签

﹏ヽ暗。殇╰゛Y 2024-03-29 15:45 81阅读 0赞

## 什么是HTML 标签? ##

HTML 文档和 HTML 元素是通过 HTML 标签进行标记的  
HTML 标签是由尖括号包围的关键词，比如 `<html>`  
HTML 标签通常是成对出现的，比如 `<b> 和 </b>`  
标签对中的第一个标签是开始（起始）标签，第二个标签是结束（闭合）标签  
某些 HTML 元素没有结束标签，比如 `<br />`

## `<h2>` 标签 ##

HTML 标题是通过 `<h1> - <h6>` 等标签进行定义的。  
h1 元素通常用于主标题，而 h2 元素通常用于副标题。  
还有 h3，h4，h5 和 h6 元素分别表示不同级别的标题。

使用标题显示内容的层次关系：  
标题标签（包括h1到h6）有很高的使用率，它们用于描述内容的主题。  
页面中的标题标签应该是有序的，并且能表明内容的层次关系。 例如：一个h2标签后紧跟若干h4标签的页面，会让使用屏幕阅读器的用户感到困惑。  
尽管在页面中，使用这 6 个标题标签可以控制内容的的视觉样式，但我们应该使用 CSS 来调整。  
最后一点，每个页面应该只有一个h1标签，用来说明页面主要内容。h1标签和其他的标题标签可以让搜索引擎获取页面的大纲。

## `<br>`标签 ##

HTML 中使用`<br>` 标签换行。  
`<br>` 没有结束标签。

## `<p>`标签 ##

p是“paragraph”的缩写。  
`<p>` 标签定义段落。  
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间。

## `<em><strong><dfn><code><samp><kbd><var>`短语标签 ##

![在这里插入图片描述][4d6fb7a3b5684225ab5b1b16cff5e80b.png]

## `<sub>` 标签 和 `<sup>` 标签 ##

`<sub>` 标签定义下标文本。  
下标文本将会显示在当前文本流中字符高度的一半为基准线的下方，但是与当前文本流中文字的字体和字号都是一样的。  
下标文本能用来表示化学公式，比如 H2O。  
`<sup>` 标签定义上标文本。  
上标文本将会显示在当前文本流中字符高度的一半为基准线的上方，但是与当前文本流中文字的字体和字号都是一样的。  
上标文本能用来添加脚注，比如 WWW\[1\]。

## `<b>`标签 ##

`<b>` 标签定义粗体的文本。  
注意：根据 HTML 5 的规范，`<b>` 标签应该做为最后的选择，只有在没有其他标记比较合适时才使用它。  
HTML 5 规范声明：标题应该用 `<h1>-<h6>` 标签表示，被强调的文本应该 `<em>` 标签表示，重要的文本应该用 `<strong>` 标签表示，被标记的或者高亮显示的文本应该用 `<mark>`标签表示。  
提示：您也可以使用 CSS 的 “font-weight” 属性设置粗体文本。

[4d6fb7a3b5684225ab5b1b16cff5e80b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/28/78f85c5138c3419cbb179c5e320d6cc1.png