Skip to content
文章目录

标题

默认是块级元素

html
<h1>h1标题</h1>
<h2>h2标题</h2>
<h3>h3标题</h3>
<h4>h4标题</h4>
<h5>h5标题</h5>
<h6>h6标题</h6>

h1标题

h2标题

h3标题

h4标题

h5标题
h6标题

页眉

默认是块级元素

html
<header></header>
headerA
headerB

页脚

默认是块级元素

html
<footer></footer>
footerA
footerB

导航元素

默认是块级元素

html
<nav></nav>

主要区域

默认是块级元素

html
<main></main>
main A
main B

内容区域

默认是块级元素

使用 article 标签规定独立的自包含内容区域。不要被单词的表面意义所局限,article 标签表示一个独立的内容容器。

html
<article></article>
article A
article B

区块定义

默认是块级元素

使用 section 定义一个区块,一般是一组相似内容的排列组合

html
<section></section>
section A
section B

附加区域

默认是块级元素

使用 aside 用于设置与主要区域无关的内容,比如侧面栏的广告等。

html
<aside></aside>

通用容器

默认是块级元素

html
<div></div>
div A
div B

文字容器

默认是行内元素

html
<span></span>

span Aspan B

有序列表

html
<ol>
  <li></li>
</ol>

无序列表

html
<ul>
  <li></li>
</ul>

label

默认是行内元素

label 用于标识表单项的名称

dl, dt, dd

html
<dl>
  <dt>项目1</dt>
  <dd>描述1</dd>
  <dd>描述2</dd>
  <dd>描述3</dd>

  <dt>项目2</dt>
  <dd>描述1</dd>
  <dd>描述2</dd>
  <dd>描述3</dd>
</dl>

参考资料

语义标签