这里主要补充一些很少会用或者基本不会用到的元素。

abbr 元素

表示缩写词，例如 HTML，CSS 这些其实都是缩写词，我们可以使用 abbr 元素包裹起来，将其全称写在 title 属性内。

<abbr title="hyper text markup language">HTML</abbr>用于构建网页的结构

time 元素

定义一个时间，这个时间是提供给浏览器或者搜索引擎阅读的。

<time datatime="2024-3-1">今天</time>我写下了这一篇笔记

实际上，这个今天，就是一个时间，但是浏览器和搜索引擎并不知道这个今天具体是什么时候，所以我们就可以使用 time 元素将时间包裹起来，使用 datatime 属性定义一个具体的时间，此时浏览器和搜索引擎通过这个 datatime 属性就可以得到这个今天具体指的是什么时候。

datatime 属性中的属性值，应该是一个标准的时间格式。

ISO 标准时间格式

ISO 8601日期格式如下：YYYY-MM-DDThh:mm:ss[.mmm]TZD

YYYY 表示四位数的年份
MM 表示两位数的月份
DD 表示两位数的天(day of the month)，从01到31
T 是用来指示时间元素的开始字符
hh 表示两位数的小时，从00到23，不包括 AM/PM
mm 表示两位数的分钟，从00到59
ss 表示两位数的秒，从00到59
mmm 表示三位数的毫秒数，从000到999
TZD 表示时区指示符：Z 或+hh: mm 或-hh: mm，+或-表示时区距离 UTC(世界标准时间)时区多远。例如： CST(中国标准时间)：UTC +08:00，EST(东部标准时间)：UTC -05:00，CST(中部标准时间)：UTC -06:00。

例如：2012-03-29T10:05:45-06:00 表示：中部标准时间 2012 年 3 月 29 日10:05:45。

b 元素

b 元素是一个相当古老的元素，最早是一个无语义元素，用于加粗字体。但是 HTML 5 提倡语义化，即加粗这个操作是 CSS 的样式，不应该用一个 HTML 标签来实现加粗效果。

HTML 5 就给 b 元素新的含义，表示特别提醒一下，或者说是特别强调，用于区分其他文字。

<p>
  This article describes several <b>text-level</b> elements. It explains their
  usage in an <b>HTML</b> document.
</p>

很显然，这里 text-level 和 HTML 就被着重强调，浏览器和搜索引擎看到这个东西的时候，就知道这俩是重点，例如浏览器的读网页插件就可以考虑重读这两个单词。

b 元素的应用场景主要是摘要，关键字，标题等等，主要就是用来表示 b 元素内的文本和其他文本重要程度不一样。

q 元素

该元素表示一小段引用文本

如果一段文本是引用来的，一般来说，q 元素包裹的内容会自动加上一个双引号。

使用 q 元素可以使用 cite 属性指明引用的来源

blockquote 元素

这个元素和 q 元素类似，q 元素表示小段的引用文本，而该元素则是大段的引用文本。

blockquote 也可以使用 cite 属性指明引用来源

br 元素

br 元素用于在文本中换行

hr 元素

用于产生一个水平线，分割内容

现在一般使用边框来替换 hr 元素的功能

meta 元素

用于给网页添加元数据，例如编码，视口。这些元数据都是给搜索引擎或者浏览器看的。

<meta name="keyword" content="美妆,美容">
<meta name="author" content="ZhangYunLing,1461428394@qq.com">
<meta name="decription" content="这是网页描述">

以上的内容都是给搜索引擎看的，这种功能都叫做搜索引擎优化，即 SEO。

link 元素

link 元素用于链接外部资源，以前用来链接过 CSS，实际上还可以链接别的资源。

link 元素有一个 rel 属性，即 relation，用于指明链接文件和当前网页关系，例如链接 CSS 文件的时候，rel 属性为 stylesheet，即表示链接的资源是当前网页的样式表。

实际上还有一个 type 属性，即指明链接文件的 MIME 类型，但现在可以省略，现在会自动根据 rel 属性自动确定 type 属性。

link 还常用于链接图标

<link rel="icon" src="./test.ico">

这里即表示链接这个 ico 文件，并且指明这个 ico 文件是我这个网页的 icon 图标。


链接后的图标最终会显示在浏览器标签页的上图位置。

除了这种方式，还有一种方式给网页添加图标，只需要将图标文件放到整个网站的根目录，然后命名为 favicon.ico 即可，此时哪怕不用 link 进行链接，这个 ico 文件也会作为网站的图标，也会显示在浏览器标签页上。