好吧，百度上一堆解釋我就不復(fù)制粘貼了，我現(xiàn)在就說說我的理解，歡迎指教。
- HTML，XML，XHTML的區(qū)別
其實這三者都是給程序看的文檔，如果你做過Javaweb你肯定對此圖不陌生。
這個配置文件的作用是將你訪問的路徑對應(yīng)成相應(yīng)的class去處理。其實更確切的是依據(jù)這些文檔的內(nèi)容去完成相應(yīng)的任務(wù)。而HTML和XHTML比較擅長做的事情僅僅是顯示對應(yīng)的“內(nèi)容”而已，其他的標(biāo)記語言比較擅長于讓程序讀懂內(nèi)容。
XML 被設(shè)計用來傳輸和存儲數(shù)據(jù)，其焦點是數(shù)據(jù)的內(nèi)容。
HTML 被設(shè)計用來顯示數(shù)據(jù)，其焦點是數(shù)據(jù)的外觀。
那么HTML和XHTML的區(qū)別僅僅是引文XHTML的語法更加嚴(yán)格而已。
HTML語義化
簡單的來說有兩點，其一是當(dāng)用戶使用關(guān)鍵詞搜索時如何讓你的網(wǎng)頁更容易被百度（機器）搜到（然并卵，畢竟可以競價排名?。?，也就是說如何讓機器知道該網(wǎng)頁的內(nèi)容。其二是如何讓自己和別人更好的維護(hù)頁面。
- HTML語義化三個階段
1、瀏覽器和W3C組織推出的如h1~h6、thead、ul、ol的HTML標(biāo)簽，用于在Web頁面中組織對應(yīng)的內(nèi)容，如網(wǎng)頁標(biāo)題、表頭、無序、有序列表，以達(dá)到更方便的協(xié)作及傳播互聯(lián)網(wǎng)內(nèi)容。搜索引擎很好的利用了這些語義化標(biāo)簽抓取內(nèi)容，又鑒于搜索引擎的巨大流量推薦，Web前端不得不考慮SEO，從而兩者實現(xiàn)有益的循環(huán)，共同推進(jìn)著語義化標(biāo)簽的使用。
2、但Web的發(fā)展超乎想象，起初定義的HTML語義化標(biāo)簽，不足以實現(xiàn)對Web頁面各個部分的功能或位置描述，所以Web前端人員利用HTML標(biāo)簽的id和class屬性，進(jìn)一步對HTML標(biāo)簽進(jìn)行描述，如對頁腳HTML標(biāo)簽添加如id="footer"或者class="footer"的屬性（值），以“無聲”的方式在不同的前端程序員或者前后端程序員間實現(xiàn)交流。
3、W3C組織意識到了之前HTML版本的不足，推出的HTML5進(jìn)一步推進(jìn)了Web語義化發(fā)展，采用了諸如footer、section等語義化標(biāo)簽，彌補了采用id="footer"或者class="footer"形式的不足，以更好的推動Web的發(fā)展。
- 為什么要語義化
其實語義化的目的就是讓我們按照一定的規(guī)范組織頁面，這樣，你好，我好，它（機器）也好。
怎樣理解內(nèi)容與樣式分離的原則
在前端中，Html指的是結(jié)構(gòu)；CSS指的是樣式；JavaScript指的是行為。
- 寫 HTML 的時候先不管樣式, 重點放在HTML的結(jié)構(gòu)和語義化上，讓 HTML 能體現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容。之后再去寫樣式。
- HTML 內(nèi)不允許出現(xiàn)屬性樣式，盡量不要出現(xiàn)行內(nèi)樣式。
- 寫 JS 的時候，盡量不要用 JS 去直接操作樣式，而是通過給元素添加刪除class來控制樣式變化。
有哪些常見的meta標(biāo)簽
| 標(biāo)簽 | 含義 |
|---|---|
| <mata charset="utf-8"> | 聲明文檔使用的字符編碼 |
| <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> | 聲明文檔兼容模式，指示IE以目前可用的最高模式顯示內(nèi)容 |
| <meta name="keywords" content="your tags"> | 定義針對搜索引擎的關(guān)鍵詞 |
| <meta name="description" content="不超過850個字符"> | 頁面描述，告訴搜索引擎你的站點的主要內(nèi)容 |
| <<meta name="author" content="你的姓名"> | 定義網(wǎng)頁作者 |
| <meta name="revised" content="David, 2008/8/8/" /> | 定義頁面的最新版本 |
| <meta http-equiv="refresh" content="5"/> | 5秒刷新一次頁面 |
| <meta http-equiv="expires" content="Mon,12 May 2001 00:20:00 GMT"> | 用于設(shè)定網(wǎng)頁的到期時間，一旦過期則必須到服務(wù)器上重新調(diào)用。需要注意的是必須使用GMT時間格式 |
| <meta http-equiv="pragma" content="no-cache"> | 禁用緩存 |
| <meta http-equiv="set-cookie" content="Mon, 12 May 2001 00:20:00 GMT"> | cookie設(shè)定，如果網(wǎng)頁過期，存盤的cookie將被刪除。需要注意的也必須使用GMT時間格式。 |
| <meta name="robots" content="index,follow" /> | 搜索引擎索引方式 |
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
1、<!DOCTYPE>聲明位于文檔中的最前面，處于<html>標(biāo)簽之前，告訴瀏覽器的解析器，用什么文檔類型來規(guī)范解析這個文檔。
2、嚴(yán)格模式的排版和js運作模式是以該瀏覽器支持的最高標(biāo)準(zhǔn)運行
3、在混雜模式中，頁面以寬松的向后兼容的方式顯示，模擬老式瀏覽器的行為以防止站點無法工作
DOCTYPE不存在 或格式不正確會導(dǎo)致文檔以混雜模式呈現(xiàn)
瀏覽器亂碼的原因是什么？如何解決
簡單來說就是，HTML文檔保存的編碼方式和瀏覽器的解析方式不一樣。
解決方式，要不然用utf-8來保存文檔，要不然通過mata charset聲明你文檔的編碼方式。（其他方式，例如設(shè)置瀏覽器編碼就別想了。遇到亂碼時，你會這么做，用戶可不會==||）
常見的瀏覽器有哪些，什么內(nèi)核
| 瀏覽器 | 內(nèi)核 |
|---|---|
| Internet Explorer | IE內(nèi)核 |
| Firefox | Gecko |
| Opear | Presto |
| Safari&Chromr | Webkit |
| 國內(nèi)大部分瀏覽器 | IE內(nèi)核 |
列出常見的標(biāo)簽，并簡單介紹這些標(biāo)簽用在什么場景
| 標(biāo)簽 | 場景 |
|---|---|
| head標(biāo)簽 | head標(biāo)簽是頁面的“頭部”， 一般來說，只有6個標(biāo)簽?zāi)芊旁?lt;head>標(biāo)簽內(nèi)：<title>、<meta>、<link>、<style>、<script>、<base> |
| body標(biāo)簽 | body標(biāo)簽是頁面的“身體” |
| h1~h6標(biāo)簽 | 設(shè)置不同的標(biāo)題 |
| p標(biāo)簽 | 使用p標(biāo)簽來標(biāo)記一段文字 |
|
標(biāo)簽 |
換行 |
| <div>標(biāo)簽 | 主要用來為HTML文檔內(nèi)大塊的內(nèi)容提供結(jié)構(gòu)和背景 |
| <ul>標(biāo)簽 | 無序列表 |
| <ol>標(biāo)簽 | 有序列表 |
| <form>標(biāo)簽 | 設(shè)置一個表單 |
| <img>標(biāo)簽 | 設(shè)置一個圖像 |
