HTML召边、XML坚弱、XHTML 有什么區(qū)別
- HTML（Hyper Text Markup Language）,超文本編輯語(yǔ)言盛正，是網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。
缺點(diǎn)：語(yǔ)法松散，標(biāo)簽不閉合也可以運(yùn)行 - XML（eXtensible Markup Language）奶赔，可擴(kuò)展標(biāo)記語(yǔ)言惋嚎，被用來(lái)結(jié)構(gòu)化，存儲(chǔ)及傳輸數(shù)據(jù)站刑×砦椋可自行定義標(biāo)簽。w3c覺(jué)得有用绞旅，
- XHTML 基于xml摆尝，作用于HTML類(lèi)似，產(chǎn)生了XHTML因悲，更嚴(yán)格的html堕汞，標(biāo)簽必須閉合，必須小寫(xiě)晃琳。
怎樣理解HTML語(yǔ)義化
選擇合適的標(biāo)簽臼朗，使用合理的代碼結(jié)構(gòu)，便于開(kāi)發(fā)者閱讀蝎土，同時(shí)讓瀏覽器的爬蟲(chóng)和機(jī)器很好的解析视哑。（比如盲人不會(huì)看到，但通過(guò)語(yǔ)義化的標(biāo)簽誊涯，機(jī)器可以識(shí)別并讀給聽(tīng)者挡毅，告訴他這是一個(gè)標(biāo)題，這是一個(gè)段落暴构，等等）
怎樣理解內(nèi)容與樣式分離的原則
寫(xiě)HTML的時(shí)候跪呈，先不管樣式，重點(diǎn)放在HTML的結(jié)構(gòu)和語(yǔ)義化上取逾，讓HTML能體現(xiàn)頁(yè)面結(jié)構(gòu)或者內(nèi)容耗绿，之后再去寫(xiě)樣式。
還有一個(gè)行為（JS）砾隅，行為也要與內(nèi)容和樣式分離误阻，盡量不要用js去直接操作樣式，而是通過(guò)給元素添加或刪除clsss來(lái)控制樣式變化晴埂。
還有一點(diǎn)究反，HTML不允許出現(xiàn)屬性樣式，盡量不要出現(xiàn)行內(nèi)樣式儒洛。
有哪些常用的meta標(biāo)簽
- <meta charset="utf-8">告訴瀏覽器頁(yè)面用的是什么編碼格式精耐。
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">如果瀏覽器用的是IE內(nèi)核，用最新的edge去渲染琅锻，如果用的是chrome內(nèi)核卦停，用chrome去渲染向胡。
- <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" >用于讓頁(yè)面在移動(dòng)端合理展示
- <meta name="keywords" content="關(guān)鍵字 關(guān)鍵字 關(guān)鍵字">給頁(yè)面添加關(guān)鍵字，便于seo優(yōu)化惊完。
- <meta name="description" content="用一句話介紹你的網(wǎng)站">
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
文檔聲明用來(lái)告知瀏覽器使用的HTML版本僵芹。
- 嚴(yán)格模式：使用doctype明確告知瀏覽器HTML的版本。
- 混雜模式：頁(yè)面不加DOCTYPE专执，瀏覽器按照自身的方式自由渲染頁(yè)面
<!doctype html>告訴瀏覽器當(dāng)前現(xiàn)在使用過(guò)的HTML版本是HTML5，這樣瀏覽器就能用HTML5標(biāo)準(zhǔn)來(lái)渲染頁(yè)面
瀏覽器亂碼的原因是什么郁油？如何解決
原因：HTML頁(yè)面的編碼格式和瀏覽器解碼格式不相同
更改瀏覽器的解碼格式本股，使之與HTML頁(yè)面的編碼格式一致⊥╇纾或者在meta標(biāo)簽中指定charset為頁(yè)面編碼的方式拄显，這樣瀏覽器就能自動(dòng)讀取，從而采用正確的解碼方式
常見(jiàn)的瀏覽器有哪些案站，什么內(nèi)核
- Chrome瀏覽器 Webit內(nèi)核
- Firefox Geoko內(nèi)核
- Safari Webkit內(nèi)核
- IE瀏覽器 自家IE內(nèi)核
- 國(guó)產(chǎn)諸如QQ瀏覽器/搜狗瀏覽器/360瀏覽器之類(lèi)均為雙內(nèi)核
列出常見(jiàn)的標(biāo)簽躬审，并簡(jiǎn)單介紹這些標(biāo)簽用在什么場(chǎng)景
- h1、h2蟆盐、h3承边、h4、h5石挂、h6標(biāo)簽用于標(biāo)題
- p 標(biāo)簽用于段落博助，大段文字
- div標(biāo)簽用于給頁(yè)面劃分區(qū)塊，讓結(jié)構(gòu)更清晰
- a標(biāo)簽用于添加鏈接痹愚，鏈接到某個(gè)地址富岳，或者頁(yè)面上的某個(gè)元素。
- img標(biāo)簽用于給頁(yè)面添加一張圖片
- ul和li合用拯腮，給頁(yè)面添加并列的內(nèi)容
- ol和li合用窖式，給頁(yè)面添加有步驟和編號(hào)的有序內(nèi)容
- dl dt dd標(biāo)簽，用于展示一系列標(biāo)題和內(nèi)容的場(chǎng)景
- button 用于添加按鈕
- em 強(qiáng)調(diào)頁(yè)面中的某些內(nèi)容
- strong 比em標(biāo)簽的強(qiáng)調(diào)性更強(qiáng)动壤，表示很重要
- iframe 用于嵌入一個(gè)頁(yè)面萝喘，注意跨域操作的問(wèn)題
- table 用于展示表格，不要用來(lái)做布局琼懊，thead蜒灰，tbody和tfoot可以省略，瀏覽器會(huì)自動(dòng)添加border-collapse:collapse,用于合并邊框肩碟。
