今天學到了HTML標簽，對HTML中常見到的一些問題進行小結。
HTML、XML、XHTML 有什么區(qū)別？
- HTML 指超文本標記語言
- XHTML 是更嚴謹更純凈的 HTML 版本
- XML 不是 HTML 的替代。
- XML 和 HTML 為不同的目的而設計，XML 被設計為傳
輸和存儲數(shù)據(jù)，其焦點是數(shù)據(jù)的內容；HTML 被設計用
來顯示數(shù)據(jù)，其焦點是數(shù)據(jù)的外觀。 - HTML 旨在顯示信息，而 XML 旨在傳輸信息。
怎樣理解 HTML 語義化？
1.語義化HTML是一種編寫HTML的方式。每個HTML標簽都帶有一定的語義，在使用這些標簽時，要求選擇合適的標簽，使用合理的代碼結構，將內容包裹，使得爬蟲和機器可以對代碼有更好的解析。
2.要實現(xiàn)HTML的語義化，就要求開發(fā)者掌握常用的HTML標簽，理解各種標簽所代表的含義，在不同的場景能使用合適的標簽，盡量不使用沒有語義信息的標簽。
3.語義化帶來的是更清晰的頁面結構，使頁面可讀性更強；更清晰的代碼結構，更利于開發(fā)團隊的開發(fā)和維護；更好的適應性，可以支持更多的設備的不同表現(xiàn)形式；與機器更良好的溝通，使瀏覽器更容易渲染表現(xiàn)，也使搜索引擎更容易獲取有效信息。
4.標簽語義化后，在沒有css時， 頁面的內容結構也可較好的顯示。
怎樣理解內容與樣式分離的原則。
內容，樣式，行為分離
HTML僅用于處理內容，只考慮HTML的結構和語義化，避免出現(xiàn)行內的樣式。
CSS用于負責頁面樣式的實現(xiàn)。
JS用于負責行為的實現(xiàn)，但不要直接去操作樣式。
內容與樣式分離，可以更利于維護頁面，減少工作量。
有哪些常見的meta標簽。
設置編碼：
<meta charset='utf-8' />
頁面描述 ：
<meta http-equiv="description" content="網(wǎng)頁描述">
強制頁面在當前窗口以獨立頁面顯示：
<meta http-equiv="Window-target" content="_top">
自動刷新，并指向新的頁面：
<meta http-equiv="Refresh" content="2；URL=http://">
清除緩存，再訪問這個網(wǎng)站要重新下載：
<meta http-equiv="cache-control" content="no-cache, must-revalidate">
設置IE兼容模式：
<meta http-equiv="X-UA-Compatible" content="IE=6" >
<meta http-equiv="X-UA-Compatible" content="IE=7" >
<meta http-equiv="X-UA-Compatible" content="IE=8" >
清除緩存，再訪問這個網(wǎng)站要重新下載：
<meta http-equiv="cache-control" content="no-cache, must-revalidate">
關鍵字，搜所引擎 SEO：
<meta http-equiv="keywords" content="關鍵字1,關鍵字2,...">
文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html> 的作用?
- 文檔聲明是用于告知瀏覽器，用什么文檔類型規(guī)范來解析這個文檔，是使用HTML5還是其他HTML標準。
- <!DOCTYPE html>的作用是聲明使用HTML5的標準，告訴瀏覽器使用HTML5的標準來渲染頁面。
- 當聲明文檔不存在或形式不正確時會導致HTML和XHTML文檔以混雜模式呈現(xiàn)，處于混雜模式中，瀏覽器會以一種比較寬松的向后兼容的方式顯示。通常會模擬老式瀏覽器的行為以防止老站點無法工作。
而在嚴格模式中，瀏覽器會按照W3C標準解析代碼。
瀏覽器亂碼的原因是什么？如何解決。
當代碼的編碼保存方式和瀏覽器的解碼方式不同的時候，會導致頁面出現(xiàn)亂碼。這時可以在HTML中聲明編碼格式。一般使用utf-8這種編碼標準。
常見的瀏覽器及內核。
| 瀏覽器 | 內核 |
|---|---|
| IE | Trident |
| Chrome | WebKit |
| Safari | WebKit |
| opera | Presto |
| Firefox | Gecko |
常見的標簽，及應用場景。
| 標簽 | 場景 |
|---|---|
| html | 定義頁面開始與結束 |
| head | 頁面頭部標簽 |
| title | 定義頁面標題 |
| body | 頁面身體標簽 |
| h1-h6 | 標題標簽 |
| p | 段落標簽 |
| a | 鏈接標簽 |
| div | 定義一塊區(qū)域的標簽 |
| br | 換行 |
| ul、li | 無序列表 |
| ol、li | 有序列表 |
| dl、dt、dd | 自定義列格 |
| button | 按鈕標簽 |
| strong | 強調標簽 |
| em | 強調標簽弱于strong |
| span | 標記一段行內元素 |
| iframe | 在當前頁面嵌入一個頁面 |
| table | 表格標簽 |
| tr | 表格的一行 |
| th | 表頭所在的單元格 |
| td | 表格的每一個單元格 |
