标题与段落
标题(h1-h6)
HTML 提供了 六级标题:<h1> ~ <h6>,语义逐级递减。
| 标签 | 含义 | 使用场景 |
|---|---|---|
<h1> | 一级标题 | 页面或文章的主标题。 |
<h2> | 二级标题 | 章节或主要内容 |
<h3> | 三级标题 | 小节或次要内容 |
<h4> | 四级标题 | 更小的子标题 |
<h5> | 五级标题 | 较弱层级的标题 |
<h6> | 六级标题 | 最弱层级的标题 |
规范:
- h1 用于文章标题,一篇文章只有一个 h1。
- h2-h6 用于段落标题,一篇文章可以有多个段落标题*通常 h2-h3 就足够使用了,太多层级反而观感不好。。
- 合理使用标题可以给文章形成清晰的大纲,不要因为字体大小去选择标题*样式交给 CSS。。
试一下吧:
Loading Editor...
段落(Paragraph)
段落使用 <p> 标签,表示正文中的自然段。
特点:
<p>前后自带换行。- 一个段落应写在一对标签
<p>...</p>中。 - 可以包含文字、超链接、强调等行内元素。
- 避免使用
<br>代替<p>来换行。
示例代码:
Loading Editor...
小测试
Current Selection (单选) 标题的作用
Current Selection (单选) <p>...</p>的作用
important
语义化和规范性 是写好 HTML 的关键。