HTML5 权威指南第 9 章 组织内容 学习笔记

Posted 2021-06-21 GoldenaArcher

html5 权威指南第 9 章 组织内容 学习笔记

一直到第 15 章都属于「HTML 元素」这一部分，感觉都属于参考一类的内容，就是讲某个标签应该怎么使用的类型。

段落

p 元素代表段落；段落包含一个或多个相关句子，这些句子围绕的是一个观点或者论点。组成一个段落的句子也可以涉及多个论点，但它们都有一个共同的主题。

div

div 元素没有什么特定的意义，找不到恰当的元素可用时可以用这个元素为内容建立结构并赋予其含义。

div 相当于流元素的 span，没有什么具体含义，因此很适合为元素增添自定义结构。

pre

pre 元素表示预定义格式文本，即该元素中的文本会按照原文件中的进行编排，例如说不合并空格、缩进。

现在应用的比较多的地方包括文字画、代码之类的。

例如说我看到的一个评论就很有意思

。 〇                  〇
    ｜                /｜\\
    /＼                /＼

    〇亅               〇亅
  ＜ \\ ︿            /＜ \\ ︿
     ）                  ）

   ╲〇丿              ╲〇丿
   ︵ /             ︵ /  )
    〈               〈

  し〇ノ             し〇ノ
     |             ╱ | ╲
    「╲              「╲

省略若干

如果不用 pre 标签的话，就肯定没法显示出合适的效果。

blockquote

blockquote 元素表示标签内的内容引用自别处的文章。

与 HTML5 权威指南第 8 章学习笔记 中介绍的 q 元素有点相似，不过一般 blockquote 用于引用内容较多的情况下。

hr

hr 元素在 HTML4 中没有什么意义，在 HTML5 中代表相关主题的转换。

不过这个使用还是有一些语焉不详的地方。

列表

ol

ol 元素代表着有序列表(ordered list)，其直接后代为 li 元素

ul

ul 元素代表无序列表(unordered list)，其直接后代为 li 元素

li

li 元素代表列表中的项目，可以与 ol, li, menu——到 2021-05-01 日，全球范围内对 menu 的支持还不到 10%——搭配使用。

dl

dl 元素代表说明列表(definition list)，可以用来包含一系列属于，或说明组合，其中包含 dt 和 dd 元素。

dt 作为说明列表中的术语，一般一个 dl 中只有一个

dd 作为说明列表中的定义，可以存在多个

figure

定义是：

一个独立的内容单元，可带标题。通常作为一个整体被文档的主体引用，把它从文档主体中删除也不会影响文档的意思。

从字面意义上来说，figure 指的是图像、插图，但是从定义上来说，但凡是单纯对内容进行补充说明，删除也不会影响文章内容的，都可以被 figure 元素包裹。