《Head first HTML与CSS 第二版》读书笔记 第三章 构建模块

摘要: 本章教授了构建页面的步骤，引用标签<q>和<blockquote>，列表标签<ol>、<ul>和<li>，块元素和内联元素，void元素和正常元素，特殊字符的表示形式。

使用<q>元素可在HTML中添加简短的引用。每个引用都要用一个<q>和</q>包围，文本不用添加双引号，浏览器会负责添加。

使用<q>元素并不仅仅是取代双引号这么简单。如果浏览器知道这是一个引用，它会用最合适的方式来显示（根据非英语语言、移动设备等不同的场景）。搜索引擎也可能会检索包含引用的网页。另外，可以对<q>元素设置样式。

<blockquote>元素用于添加长引用，<q>元素不同。<q>用于短引用，作为现有段落的一部分，<blockquote>元素用于较长的引用，需要单独显示。

大多数浏览器处理<blockquote>元素时会缩进，可能有一些不会。不同浏览器处理引用时会产生不同的效果，可以通过设置CSS样式来解决这个问题。

可以在<blockquote>中嵌入<q>。

<blockquote>和<q>实际上是两类不同的元素。前者是块元素，后者是内联元素。块元素显示时单独成块，内联元素在行内显示。

<h1>~<h6>、<p>和<blockquote>都是块元素。<q>、<a>和<em>都是内联元素。

<a>元素可以包含块元素，也可以包含内联元素或文本，所以它是什么类型依情况而定。

<img>是内联元素。

<br>元素表示换行。

<br>元素中没有内容，这类元素被称为void元素。<img>也是一个void元素。只有void元素才可以简写为开始标签而没有结束标签，正常元素即使它没有内容也不能省略结束标签。

创建HTML列表可以分为两步：

将每一个列表项放在一个<li>元素中；

用<ol>或<ul>元素包围列表项。<ol>表示有序列表，<ul>表示无序列表。

（ul = unordered list; ol = ordered list; li = list item）

<ol>、<ul>、<li>都是块元素。

<ol>会对每个列表项自动编号。

<ol>和<li>或<ul>和<li>总是要在一起使用。<ul>和<ol>中不能放置除<li>外的其他元素和文本。

可以在列表中嵌套列表，即可以把一个<ol>或<ul>当做一个<li>的内容方法<ol>或<ul>中。

除了有序列表和无序列表外还有一个定义列表，列表中每一项都有一个定义术语<dt>和一个定义描述<dd>：

<dl>
<dt>...</dt>
<dd>......
.........</dd>
<dt>...</dt>
<dd>......
.........</dd>
</dl>

浏览器要用<和>来开始和结束标记，如果想在文本中使用这两个字符可以使用被称为字符实体的一种缩写形式。例如

>的缩写为>

<的缩写为<

&的缩写为&

版权符号缩写为©right。

每个字符实体还有编号，也可以使用d类似的语法来输入特殊字符。

<code>元素用来显示计算机程序代码（自己试了一下并没有什么效果）；

<time>告诉浏览器这个内容是一个时间或日期（也没有什么效果）；

<pre>希望浏览器按输入的格式原样显示文本的格式（会保留缩进和换行等格式）；

<em>一般显示为斜体；

<strong>一般显示为粗体。

开始输入内容之前要规划好Web页面的结构。首先画一个草图，然后创建一个略图，最后再写HTML。规划页面时，首先设计大的块元素，然后用内联元素完善。要尽可能使用元素来告诉浏览器内容的含义。一定要使用与含义相近的元素。