HTML（六）——元素总结

HTML（六）——元素总结

前言

本篇笔记将记录HTML元素中最后的一些元素，不出意外的话HTML笔记将不会再单独出现，后续再有需要解释的元素（或许是官方更新的新元素，也有可能是需要加深理解的元素）将会在CSS或者后期的JS笔记中出现补充，各位看官，且看且珍惜。

概述

在HTML元素周期表中剩下的元素不能说完全没用，只能说是使用的概率很低，所以生鲜的元素将放在本篇笔记中一次性说明。

元素说明

abbr

表示缩写词

<abbr title="Hyper Text Markup Language">HTML</abbr>是一种超文本标记语言

• title：一般记录缩写词的全称；
• 默认样式为缩写词加一条由点组成的下划线（实际上是一各下边框，样式为圆点虚线）。

time

表示提供个浏览器或搜索引擎阅读的时间（标准的时间格式）

<time datetime="2021-7-1">今年七月</time>，我们毕业了！

• 浏览器无法理解**“今年七月”**的具体日期，在time元素的datetime属性中加入浏览器理解的时间
• 时间格式必须严格按照标准来。；
• 没有默认样式。

b

以前是一个没有语义的元素，主要作用是加粗字体。后期提出语义化概念，取消了b元素。在HTML5中重新取回了b元素，作用是为浏览器在做页面朗读时对b元素包裹的语句重读加停顿（即，重音）。

<p>
    <b>一人</b>我饮酒醉。
</p>

• 默认样式是加粗。

q

表示一小段引用文本。

<p>
    <q cite="引用地址">
    	尽管可计算理论对于计算机科学史明显和基础的本质，但是判断一个问题是否在理论上可以在计算机上解决的只是还不足以告诉在实际中是否也可以。
    </q>
</p>

【注】：以上文字摘抄自《计算机算法设计与分析导论》。作者Sara Baase，Allen Van Gelder，译者sttony.dark，感兴趣的同学可以去看看。

• cite：表示引用文献的地址；

• 默认样式是在这句话前后加上双引号，具体实现方式是：

q::before{
	/*开始的双引号*/
	content:open-quote;
}
q::after{
	/*结束的双引号*/
	content:close-quote;
}

blockquote

表示大段的引用文本（没有明确界限表明小段和打断的区别，可以按照具体情况来使用）

<blockquote cite="引用地址">
    字典是一种一般性的相联存储结构。就是说，每个元素有某种类型的标识和需要存储和检索的信息。信息食欲标识相关联的。ADT的名字“字典”来自它与传统字典的相似性，传统字典中每一个词条也有它的标识，定义，独一，以及其他相关信息。但是相似性是有限的，因为在字典ADT中元素标识不一定是有序的。一个字典的重要方面是可以在任何时间检索任何信息。
</blockquote>

【注】：以上文字同样摘抄自《计算机算法设计与分析导论》

• 默认样式是加上了margin，使其居中。

• 与q元素一样拥有cite属性。

br

表示在文本中换行——不是很常用。无语义元素

hr

表示在页面中分割——基本不用，无语义元素。

mete

复习元素，HTML概述里有说过，它标明了页面的设配状态。

除此之外还可以给网页添加关键词——给搜索引擎读取的关键词，有助于搜索排名。

<mete name="keywords" content="HTML,CSS,前端,笔记">
<!-- 不是万能的，毕竟百度……有钱才是爸爸。 -->
<mete name="author" content="作者">
<mete name="description" content="网站描述">

• 该功能以前由SEO（搜索引擎排名优化），现在由网站营销负责。

link

作用是连接外部资源文件（CSS、图标等）。

<link rel="stylesheet" type="" href="xxx.css">

• rel：链接的资源与当前网页的关系。——样式表还是图标；

• type：表示链接的资源类型，即哪种MIME类型，可以不写，默认按照rel和文件类型来确认；

• href：外部资源地址。

总结

本篇笔记没什么需要总结的，散了吧。