HTML知識整理

如下是本身對之前所學的部分HTML相關知識進行的簡單的梳理，水平有限，如有問題的地方，還請見諒。

---

 

1. 經常使用的瀏覽器及瀏覽器內核分別是什麼？

IE：Trident 內核

Firefox：gecko 內核

Safafri：webkit 內核

Opera：之前是 presto 內核（現已廢棄），現已改用 Google Chrome 的Blink 內核

Google Chrome：Blink內核（基於 webki, Google 與 Opera SoftWare 共同開發）

2. 對瀏覽器內核的理解

　　瀏覽器內核能夠分爲兩部分：渲染引擎和 JS 引擎。渲染引擎負責取得網頁的內容（HTML、XML、圖像等）、整理訊息（例如加入CSS等），以及計算網頁的顯示方式，而後輸出至顯示器或打印機。瀏覽器的內核不一樣對於網頁的語法解釋也會有所不一樣，因此渲染的效果也會不一樣。JS 引擎負責解析 JAvaScript 語言，執行 JavaScript 語言來實現網頁的動態效果。

3. <!DOCTYPE> 標籤的做用是什麼？

<!DOCTYPE> 標籤位於文檔的最前面，用於向瀏覽器說明當前文檔使用哪一種 HTML 或 XHTML標準規範（告知瀏覽器應該按照何種規範解析該頁面）。

4. HTML標籤的語義化

　　簡單地說就是讓咱們使用的每一個標籤都擁有具體的意義，一眼看上去就能知道這個標籤是什麼意思和做用。如<nav></nav> 導航欄、<header></header>頭部、<p></p>段落等。以前採用DIV+CSS佈局頁面，可是這種佈局方式不只使咱們的結構不清晰，並且不利於瀏覽器對頁面的讀取。

　　標籤語義化的好處：1. 方便代碼的閱讀和維護；2. 讓瀏覽器或網絡爬蟲能夠很好地解析，從而更好分析其中的內容；3. 使用語義化標籤會具備更好的搜索引擎優化。

5. 文本格式化標籤

　　加粗：<b></b>             <strong></strong> 

　　傾斜：<i></i>                <em></em>

　　加下劃線：<u></u>       <ins></ins>  

　　加刪除線：<s></s>        <del></del>

　　這些標籤中，前者都只有使用，沒有強調的意思，後者語義更強烈，用於強調文本。

　　<font color="顏色" face="字體" size="字體大小"></font> 規定文本的字體、大小、顏色。但不建議使用，最好在CSS樣式中定義字體的樣式，方便之後的維護等。

6. img 的 alt 與 title 

　　alt 圖片顯示不出來的時候，替換的文字

　　title 鼠標放到圖片上顯示的文字

7. href、target

href：用於指定鏈接目標的url地址。

tartget：用於指定鏈接頁面的打開方式。其取值有 _self 和 _blank兩種，其中 _self 爲默認值，默認在當前窗口打開， _blank 爲在新窗口中打開。

 8. 描點定位

　　即經過建立錨點連接，用戶可以快速定位到目標內容。建立錨點連接分爲兩步：

　　

　　如果跳轉到另一個頁面的第2集，能夠寫成<a href="test.html#two">另一個頁面的第2集</a>（test.html是另外一個頁面）

9. base標籤

　　base 標籤能夠設置總體連接的打開狀態。屬性 href 和 [target]。

10. 相對路徑和絕對路徑

　　相對路徑：以引用文件之網頁所在位置爲參考基礎，而創建出的目錄路徑。所以，當保存於不一樣目錄的網頁引用同一個文件時，所使用的路徑將不相同，故稱之爲相對路徑。

　　絕對路徑：以Web站點根目錄爲參考基礎的目錄路徑。之因此稱爲絕對，意指當全部網頁引用同一個文件時，所使用的路徑都是同樣的。

11. 列表

　　有序列表 ul 、無序列表 ol 、 自定義列表 dl dt dd（自定義列表用於對術語或名詞進行解釋和描述）。

12. 表格

　　

　　tr 標籤用於定義表格中的行，必須嵌套在table標籤中，在 table 中包含幾對 tr， 就有幾行。

　　td 標籤用於定義表格中的單元格，必須嵌套在 tr 中。td 標籤同 li 標籤同樣，均可以容納全部的元素，但 <tr></tr>中只能嵌套<td></td>或者<th></th>, <ul></ul>中只能嵌套<li></li>。

　　表頭標籤<th></th>：表頭單元格，通常位於表格的第一行或第一列，其文本加粗居中顯示。

　　表格屬性：border 、cellpadding、cellspacing

　　表格結構：<thead></thead>：用於定義表格的頭部。<tbody></body>：用於定義表格的主體。<tfoot></tfoot>：用於定義表格的頁腳。

　　表格的標題：<caption></caption>。注意：caption標籤必須緊隨 table 標籤以後。

　　注意：表格由行中的單元格組成，表格中沒有列元素，列的個數取決於行的單元格個數。

13. 合併單元格

　　跨行合併：rowspan

　　跨列合併：colspan

 14. 表單標籤

　　在HTML中，一個完整的表單一般由表單控件（也成爲表單元素）、提示信息和表單域3個部分構成。表單目的是爲了收集用戶信息。

　　表單控件：包含了具體的表單功能項，如單行文本輸入框、密碼輸入框、複選框、提交按鈕、重置按鈕等。

　　提示信息：一個表單中一般還須要包含一些說明性的文字，提示用戶進行填寫和操做。

　　表單域： 他至關於一個容器，用來容納全部的表單控件和提示信息，能夠經過他定義處理表單數據所用程序的url地址，以及數據提交到服務器的方法。若是不定義表單域，表單中的數據就沒法傳送到後臺服務器。

 　　單選按鈕：radio

　　

　　下拉框：selecet  option

　　

　　文本框：textarea

　　複選框：checkbox