《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。規劃頁面時，首先設計大的塊元素，而後用內聯元素完善。要儘量使用元素來告訴瀏覽器內容的含義。必定要使用與含義相近的元素。