HTML、XML标锄、XHTML 有什么區(qū)別
HTML（Hyper Text Markup Language）：超文本標記語言或超文本鏈接標示語言，是目前網絡上應用最
為廣泛的語言，也是構成網頁文檔的主要語言哩都。HTML文件是由HTML命令組成的描述性文本税娜，HTML命令可
以說明文字坐搔、圖形、動畫敬矩、聲音概行、表格、鏈接等弧岳。其語法結構松散凳忙，規(guī)范不是很好，是不嚴格的web語言禽炬。XML（eXtensible Markup Language）：可擴展標記語言（始于1998年）涧卵，它與HTML一樣，都是基于SGML（標準通用語言）腹尖，主要用于傳輸和存儲數(shù)據(jù)柳恐。
XHTML(eXtensible HyperText Markup Language)： HTML 與 XML（擴展標記語言）的結合物。 包含了所有與 XML 語法結合的 HTML 4.01 元素。XHTML 可以被所有的支持 XML 的設備讀取乐设，同時在其余的瀏覽器升級至支持 XML 之前讼庇，XHTML 使我們有能力編寫出擁有良好結構的文檔，這些文檔可以很好地工作于所有的瀏覽器近尚，并且可以向后兼容巫俺。
怎樣理解 HTML 語義化
什么是HTML語義化？
HTML的很多標簽都是有語義的肿男，比如p代表段落介汹，h1代表大標題等等，語義化的HTML就是根據(jù)內容的結構化（內容語義化）舶沛，選擇合適的標簽（代碼語義化）便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析嘹承。
為什么要語義化？
為了在沒有CSS的情況下如庭，頁面也能呈現(xiàn)出很好地內容結構叹卷、代碼結構；
用戶體驗：例如title坪它、alt用于解釋名詞或解釋圖片信息骤竹、label標簽的活用；
有利于SEO：和搜索引擎建立良好溝通往毡，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標簽來確定上下文和各個關鍵字的權重蒙揣；
方便其他設備解析（如屏幕閱讀器、盲人閱讀器开瞭、移動設備）以意義的方式來渲染網頁懒震；
便于團隊開發(fā)和維護，語義化更具可讀性嗤详，是下一步吧網頁的重要動向个扰，遵循W3C標準的團隊都遵循這個標準，可以減少差異化葱色。
怎樣理解內容與樣式分離的原則
在前端中递宅，網頁分成三個層次：HTML結構層(內容)、CSS表示層(樣式)苍狰、Javascript行為層(行為)办龄。
在寫HTML時應把重點放在結構和語義化上，體現(xiàn)頁面結構或者內容舞痰。樣式由css負責實現(xiàn)土榴，由此減少 HTML 與 CSS 契合度，即內容與樣式分離响牛。寫JS的時候玷禽，盡量不要用JS去直接操作樣式赫段，而是通過給元素添加刪除class來控制樣式變化。
優(yōu)點：
瀏覽器加載網頁頁面速度變快矢赁。分離原則下糯笙，大部分頁面代碼寫在了CSS當中，頁面體積容量變得更小撩银。
修改設計時更有效率给涕。根據(jù)區(qū)域內容標記，到CSS里找到相應的ID额获，使得修改頁面的時候更加方便够庙，也不會破壞頁面其他部分的布局樣式。
更好地被搜索引擎收錄抄邀。由于將大部分的HTML代碼和內容樣式寫入了CSS文件中耘眨，這就使得網頁中正文部分更為突出明顯，便于被搜索引擎采集收錄境肾。
對瀏覽者和瀏覽器更具親和力剔难。由于CSS富含豐富的樣式，使頁面更加靈活性奥喻，它可以根據(jù)不同的瀏覽器偶宫，而達到顯示效果的統(tǒng)一和不變形。
有哪些常見的meta標簽
| 標簽 | 作用 |
|---|---|
| <meta charset="utf-8"> | 聲明文檔使用的編碼方式 |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 指定IE和Chrome使用最新版本渲染當前頁面 |
| <meta http-equiv="expires" content="Sunday 26 October 2016 01:00 GMT" /> | 網頁到期時間 |
| <meta http-equiv="refresh" content="2环鲤；URL=/"> | 網頁將在設定的時間內纯趋，自動刷新并調向設定的網址 |
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | 移動端展示合理，常用于設計移動端網頁 |
| <meta name="keywords" content="前端 饑人谷"> | 優(yōu)化搜索引擎 |
| <meta name="description" content="最有愛的前端學習社區(qū)"> | 網站內容的描述 |
| <meta name="author" content="xxx"> | 標注網頁作者 |
| <meta name="generator" content="Sublime Text3"> | 網頁制作軟件 |
| <meta name="copyright" content="xxx"> | 標注版權信息 |
| <meta name="revisit-after" content="7 days" > | 搜索引擎爬蟲重訪時間 |
| <meta name="renderer" content="webkit（ie-comp）（ie-stand）"> | 默認webkit內核（IE兼容模式）（IE標準模式）雙核瀏覽器渲染方式 |
| <meta name="robots" content="none"> | 定義搜索引擎爬蟲的索引方式 |
具體參數(shù)如下：
1.none : 搜索引擎將忽略此網頁楔绞，等價于noindex结闸，nofollow唇兑。
2.noindex : 搜索引擎不索引此網頁酒朵。
3.nofollow: 搜索引擎不繼續(xù)通過此網頁的鏈接索引搜索其它的網頁。
4.all : 搜索引擎將索引此網頁與繼續(xù)通過此網頁的鏈接索引扎附，等價于index蔫耽，follow。
5.index : 搜索引擎索引此網頁留夜。
6.follow : 搜索引擎繼續(xù)通過此網頁的鏈接索引搜索其它的網頁匙铡。
文檔聲明的作用?嚴格模式和混雜模式指什么?<!doctype html> 的作用?
<!doctype> 聲明位于HTML文檔的第一行，<html> 標簽之前碍粥，用于告知瀏覽器用何種方式去解析和渲染頁面鳖眼。
嚴格模式：又稱標準模式，是指瀏覽器按照 W3C 標準解析代碼嚼摩。
混雜模式：又稱怪異模式或兼容模式钦讳，是指瀏覽器用自己的方式解析代碼矿瘦。
<!doctype html>則是告知瀏覽器以html5的方式去解析、渲染當前頁面愿卒。
瀏覽器亂碼的原因是什么缚去？如何解決
亂碼原因：
- 保存的編碼格式與瀏覽器解析時的解碼格式不匹配。
- 亂碼一般是英文以外的字符才會出現(xiàn)琼开。
解決方式：
如果文件保存為utf-8格式易结，那么一定要在html的<head>里添加<meta charset="utf-8">，這句話的意思是告訴瀏覽器在打開這個頁面的時候不要去猜了柜候，直接用utf-8去解碼搞动。 同理，如果文件保存為gbk格式渣刷，一定在文件里添加<meta charset="gbk">`孽文。
常見的瀏覽器有哪些，什么內核
| 瀏覽器 | 內核 |
|---|---|
| IE | Trident內核 |
| Firefox | Gecko內核 |
| Chrome | WebKit內核 |
| Safari | WebKit內核 |
| Opera | Presto內核 |
列出常見的標簽敞葛，并簡單介紹這些標簽用在什么場景
| 標簽 | 場景 |
|---|---|
| h1-h6 | 標題 |
| p | 段落 |
| a | 鏈接到一個地址 |
| img | 展示圖片前鹅，只閉合標簽，不需要加/ |
| div | 用于給頁面劃分區(qū)塊碌识，讓結構更清晰 |
| ul | 無序列表碾篡，表示并列的內容，其子元素是li筏餐，可以嵌套 |
| ol | 有序列表开泽，表示帶步驟或編號的并列內容，子元素是li魁瞪，可以嵌套 |
| dl dt dd | 用于展示一系列“標題：內容....”的場景 |
| button | 按鈕 |
| strong em span | 強調 |
| iframe | 用于嵌入一個頁面穆律，需要注意跨域操作問題 |
| table | 用于展示表格 |
