一鼎兽、HTML、XML、XHTML 有什么區(qū)別
什么是 HTML？
- HTML 指的是超文本標(biāo)記語言 (Hyper Text Markup Language)
- HTML 不是一種編程語言无埃，而是一種標(biāo)記語言 (markup language)
- 標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)
- HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
什么是XML
- XML指的是可擴(kuò)展標(biāo)記語言
- 主要用于存儲(chǔ)數(shù)據(jù)和結(jié)構(gòu)
- XML沒有預(yù)標(biāo)簽，需要自定義
什么是 XHTML蝎困？
- XHTML 指的是可擴(kuò)展超文本標(biāo)記語言
- XHTML 與 HTML 4.01 幾乎是相同的
- XHTML 是更嚴(yán)格更純凈的 HTML 版本
- XHTML 是以 XML 應(yīng)用的方式定義的 HTML
二录语、怎樣理解HTML語義化
語義化 HTML 就是選擇合適的標(biāo)簽、使用合理的代碼結(jié)構(gòu)來編寫HTML的方式禾乘，使代碼更具可讀性，也使得瀏覽器的爬蟲和機(jī)器能對(duì)代碼更好地解析虽缕。
要實(shí)現(xiàn)HTML的語義化始藕，就要求開發(fā)者掌握常用的HTML標(biāo)簽，理解各種標(biāo)簽所代表的含義氮趋，在不同的場(chǎng)景能使用合適的標(biāo)簽伍派，盡量不使用沒有語義信息的標(biāo)簽。
語義化帶來的是更清晰的頁面結(jié)構(gòu)剩胁，當(dāng)樣式丟失的時(shí)候诉植，也能讓頁面呈現(xiàn)清晰的結(jié)構(gòu)，增強(qiáng)頁面的可讀性昵观。
支持更多的設(shè)備：屏幕閱讀器（如果訪客有視障）會(huì)完全根據(jù)你的標(biāo)記來“讀”你的網(wǎng)頁晾腔。 如果你使用的含語義的標(biāo)記舌稀，屏幕閱讀器會(huì)根據(jù)你的標(biāo)簽來判斷網(wǎng)頁的內(nèi)容，而不是一個(gè)字母一個(gè)字母的拼寫出來灼擂。
便于團(tuán)隊(duì)開發(fā)和維護(hù)：在團(tuán)隊(duì)中大家都遵循同一個(gè)標(biāo)準(zhǔn)壁查，可以減少很多差異化的東西，方便開發(fā)和維護(hù)剔应，提高開發(fā)效率睡腿，甚至實(shí)現(xiàn)模塊化開發(fā)。
三峻贮、怎樣理解內(nèi)容與樣式分離的原則
Html指的是結(jié)構(gòu)席怪；CSS指的是樣式；JavaScript指的是行為纤控。
寫 HTML 的時(shí)候先不管樣式, 重點(diǎn)放在HTML的結(jié)構(gòu)和語義化上何恶，讓 HTML 能體現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容。之后再去寫樣式嚼黔。
HTML 內(nèi)不允許出現(xiàn)屬性樣式细层，盡量不要出現(xiàn)行內(nèi)樣式。
寫 JS 的時(shí)候唬涧，盡量不要用 JS 去直接操作樣式疫赎，而是通過給元素添加刪除class來控制樣式變化。
四碎节、有哪些常見的meta標(biāo)簽
標(biāo)簽提供關(guān)于HTML文檔的元數(shù)據(jù)捧搞。元數(shù)據(jù)不會(huì)顯示在頁面上，但是對(duì)于機(jī)器是可讀的狮荔。它可用于瀏覽器（如何顯示內(nèi)容或重新加載頁面）胎撇，搜索引擎（關(guān)鍵詞），或其他 web 服務(wù)殖氏。 —— W3School
必要屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| content | some text | 定義與http-equiv或name屬性相關(guān)的元信息晚树。 |
可選屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| http-equiv | content-type / expire / refresh / set-cookie | 把content屬性關(guān)聯(lián)到HTTP頭部。 |
| name | author / description / keywords / generator / revised / others | 把 content 屬性關(guān)聯(lián)到一個(gè)名稱雅采。 |
| content | some text | 定義用于翻譯 content 屬性值的格式爵憎。 |
五、文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
1婚瓜、<!DICTYPE>聲明位于文檔中的最前面宝鼓，處于<html>標(biāo)簽之前，告訴瀏覽器的解析器巴刻，用什么文檔類型來規(guī)范解析這個(gè)文檔愚铡。
2、嚴(yán)格模式的排版和js運(yùn)作模式是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行胡陪。
3沥寥、在混雜模式中碍舍，頁面以寬松的向后兼容的方式顯示，模擬老式瀏覽器的行為以防止站點(diǎn)無法工作营曼。
4乒验、DOCTYPE不存在 或格式不正確會(huì)導(dǎo)致文檔以混雜模式呈現(xiàn)
六、瀏覽器亂碼的原因是什么蒂阱？如何解決
瀏覽器出現(xiàn)亂碼一般是由于在制作頁面時(shí)使用非英文字符時(shí)锻全，保存的編碼格式與瀏覽器解析時(shí)的解碼格式不匹配。為了解決這個(gè)問題录煤，就要在頁面保存時(shí)就在HTML的<head>里添加<meta charset="">來聲明編碼格式鳄厌，來告訴瀏覽器應(yīng)該用什么解碼格式來解碼，例如使用UTF-8來編碼的頁面妈踊，添加<meta charset="UTF-8">`來告訴瀏覽器使用UTF-8格式來解碼了嚎，就不會(huì)出現(xiàn)亂碼了。
七廊营、常見的瀏覽器有哪些歪泳，什么內(nèi)核
| 瀏覽器 | 內(nèi)核 |
|---|---|
| Internet Explorer | IE內(nèi)核 |
| Firefox | Gecko |
| Opear | Presto |
| Safari&Chromr | Webkit |
| 國(guó)內(nèi)大部分瀏覽器 | IE內(nèi)核 |
八、列出常見的標(biāo)簽露筒，并簡(jiǎn)單介紹這些標(biāo)簽用在什么場(chǎng)景
| 標(biāo)簽 | 場(chǎng)景 |
|---|---|
head標(biāo)簽 |
head標(biāo)簽是頁面的“頭部”呐伞， 一般來說，只有6個(gè)標(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)記一段文字 |
<br/>標(biāo)簽 |
換行 |
<div>標(biāo)簽 |
主要用來為HTML文檔內(nèi)大塊的內(nèi)容提供結(jié)構(gòu)和背景 |
<ul>標(biāo)簽 |
無序列表 |
<ol>標(biāo)簽 |
有序列表 |
<form>標(biāo)簽 |
設(shè)置一個(gè)表單 |
<img>標(biāo)簽 |
設(shè)置一個(gè)圖像 |
