跳到主要内容

标题与段落

标题(h1-h6)

HTML 提供了 六级标题<h1> ~ <h6>,语义逐级递减。

标签含义使用场景
<h1>一级标题页面或文章的主标题。
<h2>二级标题章节或主要内容
<h3>三级标题小节或次要内容
<h4>四级标题更小的子标题
<h5>五级标题较弱层级的标题
<h6>六级标题最弱层级的标题

规范:

  1. h1 用于文章标题,一篇文章只有一个 h1。
  2. h2-h6 用于段落标题,一篇文章可以有多个段落标题*
    通常 h2-h3 就足够使用了,太多层级反而观感不好。
  3. 合理使用标题可以给文章形成清晰的大纲,不要因为字体大小去选择标题*
    样式交给 CSS。

试一下吧:

Loading Editor...

段落(Paragraph)

段落使用 <p> 标签,表示正文中的自然段。

特点:

  • <p> 前后自带换行。
  • 一个段落应写在一对标签 <p>...</p> 中。
  • 可以包含文字、超链接、强调等行内元素。
  • 避免使用 <br> 代替 <p> 来换行。

示例代码:

Loading Editor...

小测试

Current Selection (单选) 标题的作用

Current Selection (单选) <p>...</p>的作用

important

语义化和规范性 是写好 HTML 的关键。