HTML Reference 中元素旁的 meta、self-closing、inline、block 标签分别代表什么?

这些标签是 HTML Reference 给每个元素打的分类标记，用来快速说明该元素的用途和渲染行为。meta 表示它属于元数据相关元素，self-closing 表示它不需要闭合标签，inline 和 block 描述它在页面流中的默认显示方式，experimental 表示它属于尚未标准化的实验性特性。它们不是 HTML 语法的一部分，而是这个网站自己的归类方式。

各标签的含义

meta：元数据类别

出现在元素旁时，表示该元素归入网站的“meta”集合，即与文档元数据、页面信息相关，而不是直接呈现给用户的内容。例如 <meta>、<base>、<link> 这类元素会被打上这个标记。

注意区分：这里的 meta 是分类名，和 <meta> 这个具体元素不是一回事。一个元素可以同时带 meta 和其他标记。

self-closing：自闭合

表示该元素在 HTML 中不需要单独的结束标签。例如 <br>、<img>、<input>、<hr> 都属于这一类。写 <br> 即可，不需要写 </br>。

需要留意的是，HTML 语法里这类元素叫“空元素”（void elements），self-closing 是网站采用的叫法。在 HTML 中写 <br /> 的斜杠是可选的，两种写法浏览器都能识别。

inline 与 block：默认显示方式

这两个标记描述元素在正常文档流中的默认盒模型行为：

这个分类影响布局：把块级元素放进行内元素里通常不符合规范，反过来则一般可以。实际显示效果还可以被 CSS 的 display 属性覆盖，标记只反映默认值。

experimental：实验性

表示该元素属于实验性、尚未完全标准化的特性，浏览器支持可能不完整或行为可能变化。例如 <dialog>、<hgroup> 在资料中被标为 experimental。在生产项目中使用前，应确认目标浏览器的支持情况。

一个元素可能同时带多个标记

从网站的元素列表可以看到，每个元素后面往往跟着一串标记。例如：

• <br>：meta self-closing inline block——它属于元数据集合，是自闭合元素，同时带有行内和块级两种显示标记。
• <div>：meta self-closing inline block——块级容器元素，同样带有这组标记。
• <dialog>：meta self-closing inline block experimental——比上面多一个实验性标记。

这说明标记是叠加的，一个元素可以同时满足多个分类条件，阅读时要综合看，而不是只取其中一个。

怎么用这些标记做判断

• 想知道某个元素要不要写结束标签，看有没有 self-closing。
• 想知道它会不会独占一行，看 inline 还是 block。
• 想知道它是不是页面信息类元素，看有没有 meta。
• 想判断能不能放心用在正式项目里，看有没有 experimental，有的话先查浏览器兼容性。

这些标记只是快速索引，具体用法仍要结合元素本身的语义和实际需求。