HTML锉屈、XML、XHTML有什么區(qū)別
1垮耳、HTML是超文本標(biāo)記語言（Hyper Text Markup Language）通過標(biāo)記符號(hào)來標(biāo)記要顯示的網(wǎng)頁中的各個(gè)部分颈渊。它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到终佛，無論使用的是什么類型的電腦或?yàn)g覽器俊嗽。但是由于時(shí)間早，規(guī)范不是很好铃彰，大小寫混寫且編碼不規(guī)范乌询；
2、XHTML是升級(jí)版的HTML（Extensible Hyper Text Markup Language）在XHTML中對(duì)HTML進(jìn)行了規(guī)范豌研，基本語言都還是沿用的HTML的標(biāo)簽妹田，只不過廢除了部分表現(xiàn)層的標(biāo)簽，同時(shí)在標(biāo)準(zhǔn)上要求有提高比如標(biāo)簽的嚴(yán)格嵌套鹃共，標(biāo)簽結(jié)束等等鬼佣，編碼更加嚴(yán)謹(jǐn)純潔。XHTML是一種過渡語言霜浴，HTML向XML過渡的語言晶衷；
3、XML是可擴(kuò)展標(biāo)記語言（Extensible Markup Language）阴孟，是一種跨平臺(tái)語言晌纫，編碼更自由，可以自由創(chuàng)建標(biāo)簽永丝。
XML與HTML的區(qū)別：
∏率（1.XML的語法要求很嚴(yán)謹(jǐn)，HTML較為隨意
∧饺隆（2.XML是被設(shè)計(jì)用來描述數(shù)據(jù)的哥牍，重點(diǎn)是：什么是數(shù)據(jù)，如何存放數(shù)據(jù)喝检。HTML是被設(shè)計(jì)用來顯示數(shù)據(jù)的嗅辣，重點(diǎn)是：顯示數(shù)據(jù)以及如何顯示數(shù)據(jù)更好上面。
4挠说、網(wǎng)頁編碼從HTML>XHTML>XML這個(gè)過程發(fā)展澡谭。
怎樣理解 HTML 語義化
什么是HTML的語義化钙态？
根據(jù)內(nèi)容的結(jié)構(gòu)化嘉冒，選擇合適的標(biāo)簽，有利于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時(shí)讓瀏覽器的爬蟲和機(jī)器很好地解析蔫耽。
為什么要做到語義化撩炊？
1.在沒有CSS情況下外永，可以讓呈現(xiàn)的內(nèi)容結(jié)構(gòu)化，做到內(nèi)容與樣式的分離
2.有利于SEO（搜索引擎優(yōu)化）拧咳，讓網(wǎng)絡(luò)爬蟲更好的爬取更多有效信息
3.便于其他開發(fā)人員的開發(fā)與維護(hù)
4.方便其他終端對(duì)頁面內(nèi)容的解析
怎樣理解內(nèi)容與樣式分離的原則伯顶？
內(nèi)容與樣式的分離實(shí)質(zhì)上指將內(nèi)容的結(jié)構(gòu)交給HTML，通過怎么樣的形式呈現(xiàn)交給CSS
1.讓文檔代碼更加清晰可讀
2.便于后期對(duì)文檔樣式的統(tǒng)一或批量的修改
有哪些常見的meta標(biāo)簽骆膝？
meta是html語言head區(qū)的一個(gè)輔助性標(biāo)簽祭衩。meta標(biāo)簽的作用有：搜索引擎優(yōu)化（SEO），定義頁面使用語言阅签，自動(dòng)刷新并指向新的頁面掐暮，實(shí)現(xiàn)網(wǎng)頁轉(zhuǎn)換時(shí)的動(dòng)態(tài)效果，控制頁面緩沖政钟，網(wǎng)頁定級(jí)評(píng)價(jià)路克，控制網(wǎng)頁顯示的窗口等樟结！
meta標(biāo)簽一共有三個(gè)屬性：
http-equiv 把content屬性關(guān)聯(lián)到HTTP頭部。
name 把 content 屬性關(guān)聯(lián)到一個(gè)名稱精算。
content 定義用于翻譯 content 屬性值的格式瓢宦。
name屬性
<meta name="參數(shù)"content="具體的參數(shù)值">
可選參數(shù)：
(1)keyword 用來告訴搜索引擎你的網(wǎng)頁的關(guān)鍵字是什么
(2)description 用來告訴搜索引擎你的網(wǎng)頁的的主要內(nèi)容
(3)robots 用來告訴搜索引擎哪些頁面需要索引,哪些頁面不需要索引
content的設(shè)定:
設(shè)定為all：文件將被檢索，且頁面上的鏈接可以被查詢灰羽；
設(shè)定為none：文件將不被檢索驮履，且頁面上的鏈接不可以被查詢；
設(shè)定為index：文件將被檢索廉嚼；
設(shè)定為follow：頁面上的鏈接可以被查詢玫镐；
設(shè)定為noindex：文件將不被檢索，但頁面上的鏈接可以被查詢怠噪；
設(shè)定為nofollow：文件將不被檢索恐似，頁面上的鏈接可以被查詢。
(4)author 表示網(wǎng)頁的作者是誰
(5)generator 表示網(wǎng)站采用什么軟件制作
(6)COPYRIGHT 表示網(wǎng)站的版權(quán)信息
(7)revisit-after 表示你希望讓爬蟲多長時(shí)間再次爬取你的網(wǎng)頁
http-euqiv屬性
<meta http-equiv="參數(shù)"content="參數(shù)變量值">舰绘；
(1)Expires(期限) 用于設(shè)定網(wǎng)頁的到期時(shí)間,一旦網(wǎng)頁過期蹂喻，必須到服務(wù)器上重新傳輸
(2)Pragma(cache模式) 禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問頁面內(nèi)容。(這樣設(shè)定,就讓脫機(jī)瀏覽無效)
(3)Refresh 設(shè)定在本網(wǎng)站停留多長時(shí)間并且自動(dòng)刷新到新的網(wǎng)址
(4)Set-Cookie(cookie設(shè)定) 如果網(wǎng)頁過期,存在本地的cookie將被刪除
(5)Window-target(顯示窗口的設(shè)定) 強(qiáng)制頁面在當(dāng)前窗口以獨(dú)立頁面顯示捂寿。用來防止別人在框架里調(diào)用自己的頁面
(6)content-Type(顯示字符集的設(shè)定) 設(shè)定頁面使用的字符集
(7)content-Language（顯示語言的設(shè)定）
(8)Cache-Control指定請求和響應(yīng)遵循的緩存機(jī)制口四。
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
文檔聲明的作用?
讓瀏覽器知道要使用什么什么模式來呈現(xiàn)當(dāng)前頁面
嚴(yán)格模式和混雜模式指的是什么?
嚴(yán)格模式：又稱標(biāo)準(zhǔn)模式，是指瀏覽器按照 W3C 標(biāo)準(zhǔn)解析代碼秦陋。
混雜模式：又稱怪異模式或兼容模式蔓彩，是指瀏覽器用自己的方式解析代碼。
如何區(qū)分：瀏覽器解析時(shí)到底使用嚴(yán)格模式還是混雜模式驳概，與網(wǎng)頁中的 DTD 直接相關(guān)赤嚼。
1、如果文檔包含嚴(yán)格的 DOCTYPE 顺又，那么它一般以嚴(yán)格模式呈現(xiàn)更卒。（嚴(yán)格 DTD ——嚴(yán)格模式）
2、包含過渡 DTD 和 URI 的 DOCTYPE 稚照，也以嚴(yán)格模式呈現(xiàn)蹂空，但有過渡 DTD 而沒有 URI （統(tǒng)一資源標(biāo)識(shí)符，就是聲明最后的地址）會(huì)導(dǎo)致頁面以混雜模式呈現(xiàn)果录。（有 URI 的過渡 DTD ——嚴(yán)格模式上枕；沒有 URI 的過渡 DTD ——混雜模式）
3、DOCTYPE 不存在或形式不正確會(huì)導(dǎo)致文檔以混雜模式呈現(xiàn)弱恒。（DTD不存在或者格式不正確——混雜模式）
4辨萍、HTML5 沒有 DTD ，因此也就沒有嚴(yán)格模式與混雜模式的區(qū)別返弹，HTML5 有相對(duì)寬松的語法锈玉，實(shí)現(xiàn)時(shí)爪飘，已經(jīng)盡可能大的實(shí)現(xiàn)了向后兼容。（ HTML5 沒有嚴(yán)格和混雜之分）
意義：嚴(yán)格模式與混雜模式存在的意義與其來源密切相關(guān)嘲玫，如果說只存在嚴(yán)格模式悦施，那么許多舊網(wǎng)站必然受到影響，如果只存在混雜模式去团，那么會(huì)回到當(dāng)時(shí)瀏覽器大戰(zhàn)時(shí)的混亂，每個(gè)瀏覽器都有自己的解析模式穷蛹。
<!doctype html> 的作用?
HTML5標(biāo)準(zhǔn)網(wǎng)頁聲明,告知瀏覽器采用HTML5規(guī)范
瀏覽器亂碼的原因是什么土陪？如何解決
瀏覽器用來解析該文件編碼格式與文件保存所使用編碼格式不一致時(shí),就會(huì)導(dǎo)致亂碼
解決方法
1.在meta標(biāo)簽中設(shè)置正確字符集(charset)屬性
2.切換瀏覽器的編碼方式
常見的瀏覽器有哪些，什么內(nèi)核
常見瀏覽器
1.IE
2.Google Chrome
3.Firefox
4.Safari
5Opera
內(nèi)核(也稱渲染引擎)
1.Trident(IE內(nèi)核)
2.Gecko (Firefox的內(nèi)核)
3.Presto (Opera的內(nèi)核)
4.Webkit (蘋果公司的內(nèi)核,用于Safari)
列出常見的標(biāo)簽肴熏，并簡單介紹這些標(biāo)簽用在什么場景
h 標(biāo)簽
表示標(biāo)題 h1-h6
p 標(biāo)簽
表示段落
a 標(biāo)簽
表示一個(gè)連接 通常使用 target / herf / title 屬性
div 標(biāo)簽
表示一塊, 通常用于分割頁面布局
ul li 標(biāo)簽
表示一個(gè)無序列表
ol li 標(biāo)簽
表示一個(gè)有序列表
dl dt dd 標(biāo)簽
表示一個(gè)定義性的列表,對(duì)于一個(gè)或多個(gè)術(shù)語進(jìn)行解釋
strong em span
表示語氣的加強(qiáng),strong表示強(qiáng)烈 em表示輕微加強(qiáng) span表示無特殊意義
iframe 標(biāo)簽
iframe 元素會(huì)創(chuàng)建包含另外一個(gè)文檔的內(nèi)聯(lián)框架（即行內(nèi)框架）鬼雀。
(使用這個(gè)元素要注意跨域操作,JavaScript是不允許跨域操作的)
table 標(biāo)簽
用于展示一個(gè)表格,為了更好的實(shí)現(xiàn)語義化,不要將table標(biāo)簽用于分割網(wǎng)頁布局
meta 標(biāo)簽
meta是html語言head區(qū)的一個(gè)輔助性標(biāo)簽。meta標(biāo)簽的作用有：搜索引擎優(yōu)化（SEO）蛙吏，定義頁面使用語言源哩，自動(dòng)刷新并指向新的頁面，實(shí)現(xiàn)網(wǎng)頁轉(zhuǎn)換時(shí)的動(dòng)態(tài)效果鸦做，控制頁面緩沖励烦，網(wǎng)頁定級(jí)評(píng)價(jià)，控制網(wǎng)頁顯示的窗口等
