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)記語言（EXtensible Markup Language）
- XML 是一種標(biāo)記語言反璃，很類似 HTML
- XML 的設(shè)計(jì)宗旨是傳輸數(shù)據(jù)，而非顯示數(shù)據(jù)
- XML 標(biāo)簽沒有被預(yù)定義管呵。您需要自行定義標(biāo)簽。
- XML 被設(shè)計(jì)為具有自我描述性哺窄。
- XML 是 W3C 的推薦標(biāo)準(zhǔn)
- XHTML：
- XHTML 指可擴(kuò)展超文本標(biāo)簽語言（EXtensible HyperText Markup Language）捐下。
- XHTML 的目標(biāo)是取代 HTML。
- XHTML 與 HTML 4.01 幾乎是相同的萌业。
- XHTML 是更嚴(yán)格更純凈的 HTML 版本坷襟。
- XHTML 是作為一種 XML 應(yīng)用被重新定義的 HTML。
- XHTML 是一個(gè) W3C 標(biāo)準(zhǔn)生年。
怎樣理解 HTML 語義化
- 語義化就是讓標(biāo)簽和其所包裹的內(nèi)容相吻合婴程。
- 為什么要是語義化？
- 有利于SEO：和搜索引擎建立良好溝通抱婉，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標(biāo)簽來確定上下文和各個(gè)關(guān)鍵字的權(quán)重档叔；
- 便于團(tuán)隊(duì)開發(fā)和維護(hù)，語義化更具可讀性蒸绩，是下一步吧網(wǎng)頁的重要?jiǎng)酉蜓盟模裱璚3C標(biāo)準(zhǔn)的團(tuán)隊(duì)都遵循這個(gè)標(biāo)準(zhǔn)，可以減少差異化患亿。
- 方便其他設(shè)備解析（如屏幕閱讀器传蹈、盲人閱讀器、移動(dòng)設(shè)備）以意義的方式來渲染網(wǎng)頁；
怎樣理解內(nèi)容與樣式分離的原則
- 將樣式和結(jié)構(gòu)寫在一起卡睦，也就是直接將樣式寫在html標(biāo)簽中宴胧，會(huì)使整個(gè)html文檔很亂，可讀性變差表锻，不利于維護(hù)恕齐。
- 將樣式與結(jié)構(gòu)分離的好處：
- 利用CSS中的重用、組合瞬逊、繼承等特性減少樣式的代碼量显歧，樣式結(jié)構(gòu)上非常清晰；
- 頁面視覺有變動(dòng)只需要修改相應(yīng)的CSS文件确镊，不用或者基本上不用改動(dòng)html文檔中的標(biāo)簽結(jié)構(gòu)士骤；
- 方便JavaScript腳本編寫，比如用js控制標(biāo)簽的className來方便的蕾域、動(dòng)態(tài)的改變?cè)氐臉邮娇郊。皇侵苯有薷钠渚唧w樣式；
- 適合產(chǎn)品級(jí)旨巷、模塊化的開發(fā)
有哪些常見的meta標(biāo)簽
- <meta charset="UTF-8">：設(shè)定網(wǎng)頁字符編碼巨缘，常用的有utf-8和gb2312；
- <meta name="keywords" content="your tags" />: 設(shè)定頁面關(guān)鍵詞采呐，以逗號(hào)區(qū)分開若锁；
- <meta content="description" name="description">：頁面描述；
- <meta name="renderer" content="webkit">：優(yōu)先使用chrome內(nèi)核渲染頁面斧吐；
- <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">：優(yōu)先使用最新版ie和chrome瀏覽器又固；
- <meta name="author" content="author,email address">：定義頁面作者；
- <meta name="viewport" content="width=device-width, initial-scale=1.0">：為移動(dòng)設(shè)備設(shè)定煤率，viewport也可作為寬度單位仰冠，一些參數(shù)設(shè)定，width viewport 寬度(數(shù)值/device-width)蝶糯，height viewport 高度(數(shù)值/device-height)沪停，init ial-scale 初始縮放比例，user-scalable 是否允許用戶縮放(yes/no)裳涛，一般移動(dòng)網(wǎng)頁上都是設(shè)定設(shè)備寬度木张，默認(rèn)不可縮放的；
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
- Doctype告訴瀏覽器使用什么樣的html或xhtml規(guī)范來解析html文檔端三，Doctype還會(huì)對(duì)瀏覽器的渲染模式產(chǎn)生影響舷礼，不同的渲染模式會(huì)影響到瀏覽器對(duì)于 CSS 代碼甚至 JavaScript 腳本的解析，所以Doctype是非常關(guān)鍵的郊闯，尤其是在 IE 系列瀏覽器中妻献，由DOCTYPE 所決定的 HTML 頁面的渲染模式至關(guān)重要蛛株。
- 當(dāng)瀏覽器廠商開始創(chuàng)建與W3C標(biāo)準(zhǔn)兼容的瀏覽器時(shí)，他們希望確保向后兼容性育拨。為了實(shí)現(xiàn)這一點(diǎn)谨履，他們創(chuàng)建了兩種呈現(xiàn)模式：標(biāo)準(zhǔn)模式（standards mode）和混雜模式（quirks mode）。在標(biāo)準(zhǔn)模式中熬丧，瀏覽器根據(jù)規(guī)范呈現(xiàn)頁面笋粟；在混雜模式中，頁面以一種比較寬松的向后兼容的方式顯示析蝴『Σ叮混雜模式通常模擬老式瀏覽器（比如Microsoft IE 4和Netscape Navigator 4）的行為以防止老站點(diǎn)無法工作。
- <!doctype html> ：
- HTML 也有多個(gè)不同的版本闷畸，只有完全明白頁面中使用的確切 HTML 版本尝盼，瀏覽器才能完全正確地顯示出 HTML 頁面。這就是 <!DOCTYPE> 的用處佑菩。
- <!DOCTYPE html>告訴瀏覽器當(dāng)前頁面使用HTML5標(biāo)準(zhǔn)盾沫。
瀏覽器亂碼的原因是什么？如何解決
- 亂碼產(chǎn)生的根源在于殿漠，保存文件的編碼方式與瀏覽器解析文件的編碼方式不一致赴精，導(dǎo)致編碼和解碼不匹配。
- 解決方法：首頁凸舵，在文件保存的時(shí)候你自己要清楚是用哪種編碼方式保存的祖娘。如果你的文件是保存為utf-8格式失尖，那么設(shè)置<meta charset="UTF-8">啊奄，這句話的意思是告訴瀏覽器在打開這個(gè)頁面的時(shí)候不要去猜了，直接用utf-8去解碼掀潮。 同理菇夸，如果你的文件保存為gbk格式，那么設(shè)置<meta charset="GBK">仪吧。
常見的瀏覽器及內(nèi)核
- Google Chrome庄新，內(nèi)核：WebKit
- Safari瀏覽器，內(nèi)核：WebKit
- 火狐瀏覽器薯鼠，Gecko內(nèi)核
- IE瀏覽器择诈，Trident內(nèi)核
- Opera， Presto內(nèi)核
- 搜狗瀏覽器出皇， WebKit+trident
一些常見的標(biāo)簽
- <div>標(biāo)簽可以把文檔分割為獨(dú)立的羞芍、不同的部分。它可以用作嚴(yán)格的組織工具郊艘，并且不使用任何格式與其關(guān)聯(lián)荷科。
- < a> 標(biāo)簽定義超鏈接唯咬，用于從一張頁面鏈接到另一張頁面。
- <button> 標(biāo)簽定義一個(gè)按鈕畏浆。
- < img> 元素向網(wǎng)頁中嵌入一幅圖像胆胰。
- < h1> - < h6> 標(biāo)簽可定義標(biāo)題。< h1> 定義最大的標(biāo)題刻获。< h6> 定義最小的標(biāo)題蜀涨。
- <table> 標(biāo)簽定義 HTML 表格。
- < p> 標(biāo)簽定義段落将鸵。
- <iframe> 元素會(huì)創(chuàng)建包含另外一個(gè)文檔的內(nèi)聯(lián)框架（即行內(nèi)框架）勉盅。
