3.1 HTML 文本

文本依然是HTML最主要的内容

尽管出现了很多图片分享、视频直播网站,文本依然是最主要的Web内容,尤其在技术领域。

文本段(Paragraphs)

文本段 <p> 是被用得最多的HTML元素之一。

<p>
  //www.w3.org/TR/html5/ 规范定义了万维网核心语言(超文本标记语言,即HTML)的第5个大版本。 
</p>

列表(Lists)

列表 有三种不同的形式:

  • <ul> 无序列表
  • <ol> 有序列表 (使用自动排序的数字序号)
  • <dl> 定义列表

列表有具体的结构要求:

  • <ul><ol> 必须包含并且是直接包含元素 <li><li> 代表列表项(list items)
  • 同理,<li> 元素不能被单独使用,必须包含在 <ul><ol> 元素中。

无序列表

无序列表是最常用的列表元素,用来把一些有并列关系的元素组合起来,不在意特定的排序。

<p>电脑部件列表:</p>
<ul>
  <li>内存</li>
  <li>硬盘</li>
  <li>显示器</li>
  <li>键盘</li>
</ul>

无序列表项(默认情况下)显示时带有前缀符号:小黑点(bullet points).

电脑部件列表:

  • 内存
  • 硬盘
  • 显示器
  • 键盘

有序列表

当这些列表项有明确的先后顺序时,需要使用有序列表:

<ol>
  <li>Step one</li>
  <li>Step two</li>
  <li>Last Step</li>
</ol>

有序列表由浏览器自动添加数字序号。

注册引导:

  1. 开始
  2. 中间步骤
  3. 确认

定义列表

定义列表用来包含成对的项,每个列表项必须包含定义术语(definition terms)<dt> 和定义描述(definition description) <dd>

定义列表适合用于一些属性或术语定义的场合,但实际使用很有限,作为替代方案,表格实际上用得更多,当多列表格退化为两列时,就和定义列表类似。

块引用(Blockquotes)

块引用通常用于突显文章中的重要描述。

<p>互联网之父 Tim Berners-Lee 说过:</p>
<blockquote>
  “Web的原意是希望通过互联网建立一个信息合作和分享的空间。”
</blockquote>

互联网之父 Tim Berners-Lee 说过:

“Web的原意是希望通过互联网建立一个信息合作和分享的空间。”

标题(Headings)

总共有6级标题,从 <h1><h6>,重要性依次降低。

标题用来对文本段落或列表的内容进行概要性描述,因此标题在语义上有更高的权重。 合理适度的使用标题,可使得文档结构分明,通过脚本的帮助还能自动生成文档目录。