Headers

类型

标准内容标题

内容标题用来对一段内容进行总结。内容标题有1-6个级别,用html中的h1h2...h6来应用样式

元素 标签 像素大小 说明

Heading1 一级标题

<h1> 36px 在一个页面(或在hgroup标记的范围内)只有一个页面标题。

Heading2 二级标题

<h2> 30px 作为页面第二级标题,可能在一个页面中使用到多个二级标题。

Heading3 三级标题

<h3> 24px 粗体 页面第三级标题,嵌套在二级标题下使用。

Heading4 四级标题

<h4> 18px 粗体 页面第四级标题,嵌套在三级标题下使用。
Heading5 五级标题
<h5> 14px 粗体 颜色灰色 页面第五级标题,嵌套在四级标题下使用。
Heading6 六级标题
<h6> 12px 粗体 颜色灰色 页面第六级标题,嵌套在五级标题下使用。

带额外内容的标题

标题中可以加入解释性的文本,这些文本通过一个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

单独一行的解释性文本

Heading1 标题1 这是关于标题的解释性文本 secondary headings

带图标的标题

页面标题使用额外的div.header来为页面内容提供更多的样式控制,与其他控件完美整合在一起。

带图标的标题

参数

.header-block

带背景颜色的标题。

标题

.header-dividing

带底部水平分隔线的标题

标题