- ** HTML、XML、XHTML 有什么區(qū)別？**
1、HTML：HyperText Markup Language / 超文本標(biāo)記語言：被設(shè)計(jì)用來** 顯示數(shù)據(jù) ，不是一種編程語言，而是一種標(biāo)記語言 (markup language)，標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)。HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁。
2、XML: Extensible Markup Language / 可擴(kuò)展標(biāo)記語言：不會(huì)做任何事情，只用來 傳輸和存儲(chǔ)數(shù)據(jù) ，XML 標(biāo)簽沒有被預(yù)定義，你需要自行定義標(biāo)簽。XML被設(shè)計(jì)為具有自我描述性，是W3C推薦的標(biāo)注。
3、XHTML: Extensible Hypertext Markup Language / 可擴(kuò)展超文本標(biāo)記語言：是以XML應(yīng)用的方式定義的HTML，比起html是更嚴(yán)格純凈的html版本，得到所有主流瀏覽器的支持，是一種 必須正確標(biāo)記且格式良好 **的標(biāo)記語言。
- ** 怎樣理解 HTML 語義化。 **
1、用正確的標(biāo)簽做正確的事情，讓頁面的內(nèi)容結(jié)構(gòu)化，便于瀏覽器、搜索引擎解析
2、在沒有CCS樣式情況下也以一種文檔格式顯示且易讀的。
3、搜索引擎的爬蟲依賴于標(biāo)記來確定上下文和各個(gè)關(guān)鍵字的權(quán)重，利于 SEO。
4、便于開發(fā)和維護(hù)。
5、使閱讀源代碼的人對(duì)網(wǎng)站更容易將網(wǎng)站分塊，便于閱讀維護(hù)理解。
- ** 怎樣理解內(nèi)容與樣式分離的原則 ？**
一個(gè)網(wǎng)頁分為html——結(jié)構(gòu)、css——表現(xiàn)、js——行為這三個(gè)部分，內(nèi)容指html，樣式指css，內(nèi)容與樣式分離指的是網(wǎng)頁編碼過程中html和css分開。
內(nèi)容與樣式分離的原則的實(shí)現(xiàn)依靠意識(shí)和經(jīng)驗(yàn)。
1、初級(jí)開發(fā)人員思路及方法：div 層層嵌套；
2、中級(jí)開發(fā)人員思路及方法：去掉多余的 div ,進(jìn)行簡化；
3、高級(jí)開發(fā)人員思路及方法：最大化的簡化 html 的結(jié)構(gòu)，然后用 css 進(jìn)行設(shè)置，減少 html 與 css 的契合度。
正確做法：寫HTML的時(shí)候先不管樣式，重點(diǎn)放在HTML的結(jié)構(gòu)和語義化上，讓HTML能提現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容，然后進(jìn)行 css 樣式設(shè)置，減少 HTML 與 CSS 契合度（即內(nèi)容與樣式分離），寫JS的時(shí)候，盡量不要用JS去直接操作樣式，而是通過給元素添加刪除class來控制樣式變化（即行為分離）。
- ** 有哪些常見的meta標(biāo)簽？ **
meta元素的屬性有：
1、content：對(duì)應(yīng)值為some_text，定義與 http-equiv 或 name 屬性相關(guān)的元信息，content 屬性始終要和 name 屬性或 http-equiv 屬性一起使用。
2、http-equiv：對(duì)應(yīng)值為content-type、expires、refresh、set-cookie，用于把content屬性關(guān)聯(lián)到 HTTP 頭部。
3、name：對(duì)應(yīng)屬性值為author、description、keywords、generator、revised、others，用于把 content 屬性關(guān)聯(lián)到一個(gè)名稱，如果沒有提供 name 屬性，那么名稱/值對(duì)中的名稱會(huì)采用 http-equiv 屬性的值。
4、scheme：對(duì)應(yīng)屬性值為some_text，用于定義翻譯 content 屬性值的格式。
- ** 文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用? **
<!DOCTYPE>聲明必須是 HTML 文檔的第一行，位于<html>標(biāo)簽之前。
（一）文檔聲明的作用：
1、<!DOCTYPE>聲明不是 HTML 標(biāo)簽，它是指示 web 瀏覽器關(guān)于頁面使用哪個(gè) HTML 版本進(jìn)行編寫的指令。
2、影響JS的功能。
（二）嚴(yán)格模式和混雜模式：
1、嚴(yán)格模式（標(biāo)準(zhǔn)模式）：瀏覽器以其支持的最高標(biāo)準(zhǔn)呈現(xiàn)頁面
2、混雜模式（怪異／兼容模式）：頁面以一種比較寬松的向后兼容的方式顯示?；祀s模式通常模擬老式瀏覽器的行為以防止老站點(diǎn)無法工作，可以理解為“沒有DOCTYPE”意味著觸發(fā)怪異模式，但包含了DOCTYPE卻不一定是標(biāo)準(zhǔn)模式。
（三）<!doctype html>的作用：按照標(biāo)準(zhǔn)模式（即W3C的標(biāo)準(zhǔn)）解析和渲染頁面。
- ** 瀏覽器亂碼的原因是什么？如何解決 。**
原因：
1、瀏覽器對(duì)HTML網(wǎng)頁的編碼解釋錯(cuò)誤，HTML文件保存的編碼與瀏覽器解釋的編碼不一致造成（一般多為中文)。
2、meta標(biāo)簽里沒有設(shè)置編碼字符集或meta字符集設(shè)置錯(cuò)誤。
解決方法：
head元素內(nèi)嵌套<meta charset="UTF-8">。
- ** 常見的瀏覽器有哪些，什么內(nèi)核 ？**
（一）常見瀏覽器：
Chrome，Safari，Opera，IE，F(xiàn)irefox。
（二）主要瀏覽器內(nèi)核：
Chrome、Opera：blink；
Safari：webkit；
IE：trident，edgehtml；
Firefox：servo、gecko。
- ** 列出常見的標(biāo)簽，并簡單介紹這些標(biāo)簽用在什么場(chǎng)景 。**
<!DOCTYPE>：定義文檔類型。
<html>：定義HTML文檔。
<head>：定義文檔的頭部，它是所有頭部元素的容器。
<title>：定義文檔標(biāo)題。
<body>：定義文檔主體。
<div>：定義文檔的分區(qū)或節(jié)。
<h1>-<h6>：定義一到六級(jí)標(biāo)題。
<p>：定義段落。
<br>：定義折行。
``：定義注釋。
<ul>：定義無序列表。
<ol>：定義有序列表。
<li>：定義列表項(xiàng)。
<table>：定義表格。
<form>：定義表單
