section: control id: header description: 标题 icon: H1 filter: duojibiaoti djbt --- # 多级标题 ## 普通标题 内容标题用来对一段内容进行总结。内容标题有1-6个级别，用html中的`h1`、`h2`...`h6`来应用样式
实例 标签 像素大小 说明

Heading1 一级标题

 `

`

 20px 在一个页面（或在`hgroup`标记的范围内）只有一个页面标题。

Heading2 二级标题

 `

`

 24px 作为页面第二级标题，可能在一个页面中使用到多个二级标题。

Heading3 三级标题

 `

`

 16px 粗体 页面第三级标题，嵌套在二级标题下使用。

Heading4 四级标题

 `

`

 14px 粗体 页面第四级标题，嵌套在三级标题下使用。
Heading5 五级标题
 `
`
 13px 粗体 颜色灰色 页面第五级标题，嵌套在四级标题下使用。
Heading6 六级标题
 `
`
 12px 粗体 颜色灰色 页面第六级标题，嵌套在五级标题下使用。
```html

Heading1 一级标题

``` ```html

Heading2 二级标题

``` ```html

Heading3 三级标题

``` ```html

Heading4 四级标题

``` ```html
Heading5 五级标题
``` ```html
Heading6 六级标题
``` ## 包含副标题 标题中可以显示一个副标题。副标题的文本通过一个`small`标签加入。

Heading1 标题1 副标题 secondary headings

Heading2 标题2 副标题 secondary headings

Heading3 标题3 副标题 secondary headings

Heading4 标题4 副标题 secondary headings

Heading5 标题5 副标题 secondary headings
Heading6 标题6 副标题 secondary headings
```html

Heading1 标题1 副标题

``` ```html

Heading2 标题2 副标题

``` ```html

Heading3 标题3 副标题

``` ```html

Heading4 标题4 副标题

``` ```html
Heading5 标题5 副标题
``` ```html
Heading6 标题6 副标题
``` ## 带底部水平分隔线的标题 使用 `.header-dividing` 或 `.page-header`。

标题

使用 .page-header

```html

Heading1 一级标题

``` ```html

使用 .page-header

```