+
- Headers
+类型
+类型
-标准内容标题
-内容标题用来对一段内容进行总结。内容标题有1-6个级别,用html中的h1
、h2
...h6
来应用样式
元素 | -标签 | -像素大小 | -说明 | -
---|---|---|---|
- Heading1 一级标题- |
- <h1> |
- 36px | -在一个页面(或在hgroup 标记的范围内)只有一个页面标题。 |
-
Heading2 二级标题 |
- <h2> |
- 30px | -作为页面第二级标题,可能在一个页面中使用到多个二级标题。 | -
Heading3 三级标题 |
- <h3> |
- 24px 粗体 | -页面第三级标题,嵌套在二级标题下使用。 | -
Heading4 四级标题 |
- <h4> |
- 18px 粗体 | -页面第四级标题,嵌套在三级标题下使用。 | -
Heading5 五级标题 |
- <h5> |
- 14px 粗体 颜色灰色 | -页面第五级标题,嵌套在四级标题下使用。 | -
Heading6 六级标题 |
- <h6> |
- 12px 粗体 颜色灰色 | -页面第六级标题,嵌套在五级标题下使用。 | -
标准内容标题
+内容标题用来对一段内容进行总结。内容标题有1-6个级别,用html中的h1
、h2
...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
-带额外内容的标题
+标题中可以加入解释性的文本,这些文本通过一个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
-单独一行的解释性文本
+
+
- Heading1 标题1 这是关于标题的解释性文本 secondary headings
+带图标的标题
-页面标题使用额外的div.header
来为页面内容提供更多的样式控制,与其他控件完美整合在一起。
-
+ 带图标的标题
-带图标的标题
+页面标题使用额外的div.header
来为页面内容提供更多的样式控制,与其他控件完美整合在一起。
+
- 带图标的标题
+参数
+参数
-.header-block
- 带背景颜色的标题。
-
-
+ 标题
-.header-block
+ 带背景颜色的标题。
+
+
- 标题
+.header-dividing
- 带底部水平分隔线的标题
-
-
+ 标题
-.header-dividing
+ 带底部水平分隔线的标题
+
+
+
+ 标题
++