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

使用<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列表能够分为两步：

1. 将每个列表项放在一个<li>元素中；
2. 用<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>

 

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

• >的缩写为&gt;
• <的缩写为&lt;
• &的缩写为&amp;
• 版权符号缩写为&copyright。

每一个字符实体还有编号，也可使用&#100相似的语法来输入特殊字符。

 

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

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

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

<em>通常显示为斜体；

<strong>通常显示为粗体。

 

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