HTML、XML纺棺、XHTML 有什么區(qū)別
- HTML榄笙，超文本標(biāo)記語言，是語法較為松散的祷蝌、不嚴(yán)格的Web語言茅撞；
- XML，可擴(kuò)展標(biāo)記語言巨朦，主要用于存儲(chǔ)數(shù)據(jù)和結(jié)構(gòu)參考米丘；
- XHTML，可擴(kuò)展超文本標(biāo)記語言糊啡，基于XML拄查，作用與HTML類似，但語法更嚴(yán)格（可以看作是一個(gè)更嚴(yán)格的html）參考悔橄。
怎樣理解 HTML 語義化
- 語義化HTML是一種編寫HTML的方式
- 選擇合適的標(biāo)簽靶累、使用合理的代碼結(jié)構(gòu)，便于開發(fā)者閱讀癣疟，同時(shí)讓瀏覽器的爬蟲和機(jī)器很好地解析挣柬。
為什么要使用內(nèi)容與樣式分離的原則？
內(nèi)容的歸 HTML, 樣式歸 CSS睛挚，實(shí)現(xiàn)內(nèi)容和樣式分離邪蛔。
優(yōu)點(diǎn)
1.內(nèi)容代碼更加簡潔 很多頁面代碼在寫CSS文檔瀏覽器加載頁面速度更快。
2.當(dāng)保持內(nèi)容不變 而僅對樣式做變化時(shí)更為高效扎狱。
3.在不同的瀏覽器下現(xiàn)實(shí)的效果統(tǒng)一侧到。
內(nèi)容是HTML體現(xiàn)出來的勃教，樣式則通過css等實(shí)現(xiàn)，HTML本身也可以通過代碼實(shí)現(xiàn)某些樣式匠抗，但這樣會(huì)導(dǎo)致網(wǎng)頁加載復(fù)雜故源，所以最好各司其職。實(shí)現(xiàn)分離的正確做法汞贸，是寫HTML的時(shí)候重點(diǎn)放在HTML的結(jié)構(gòu)和語義化上绳军，讓HTML能提現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容，然后進(jìn)行 css 樣式設(shè)置矢腻，把HTML代碼中用于表達(dá)外觀的部分從HTML中刪除门驾，并改用CSS樣式實(shí)現(xiàn)。
- 寫 HTML 的時(shí)候先不管樣式, 重點(diǎn)放在HTML的結(jié)構(gòu)和語義化上多柑，讓 HTML 能體現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容奶是。之后再去寫樣式。
- 寫 JS 的時(shí)候竣灌，盡量不要用 JS 去直接操作樣式聂沙，而是通過給元素添加刪除class來控制樣式變化
- HTML 內(nèi)不允許出現(xiàn)屬性樣式，盡量不要出現(xiàn)行內(nèi)樣式
有哪些常見的meta標(biāo)簽
常用meta整理
meta標(biāo)簽提供關(guān)于HTML文檔的元數(shù)據(jù)帐偎。元數(shù)據(jù)不會(huì)顯示在頁面上逐纬，但是對于機(jī)器是可讀的。它可用于SEO優(yōu)化削樊、移動(dòng)設(shè)備、網(wǎng)頁相關(guān)（如何顯示內(nèi)容或重新加載頁面）
申明編碼
<meta charset='utf-8' />
優(yōu)先使用 IE 最新版本和 Chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- 關(guān)于X-UA-Compatible -->
<meta http-equiv="X-UA-Compatible" content="IE=6" ><!-- 使用IE6 -->
<meta http-equiv="X-UA-Compatible" content="IE=7" ><!-- 使用IE7 -->
<meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
頁面關(guān)鍵詞兔毒，每個(gè)網(wǎng)頁應(yīng)具有描述該網(wǎng)頁內(nèi)容的一組唯一的關(guān)鍵字漫贞。
使用人們可能會(huì)搜索，并準(zhǔn)確描述網(wǎng)頁上所提供信息的描述性和代表性關(guān)鍵字及短語育叁。
<meta name="keywords" content="your tags" />```
頁面描述迅脐，每個(gè)網(wǎng)頁都應(yīng)有一個(gè)不超過 150 個(gè)字符且能準(zhǔn)確反映網(wǎng)頁內(nèi)容的描述標(biāo)簽。
<meta name="description" content="150 words" />```
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
文檔聲明——是指示 web 瀏覽器關(guān)于頁面使用哪個(gè) HTML 版本進(jìn)行編寫的指令豪嗽。
嚴(yán)格模式是指向 HTML 文檔添加 <!DOCTYPE> 聲明谴蔑，混雜模式是指未添加文檔聲明，瀏覽器以寬松的模式去渲染頁面
<!doctype html>表示 文檔是使用HTML 5編寫的
瀏覽器亂碼的原因是什么龟梦？如何解決
亂碼產(chǎn)生的根本原因是你保存的編碼格式和瀏覽器解析時(shí)的解碼格式不匹配導(dǎo)致的隐锭。一般是英文以外的字符才會(huì)出現(xiàn)。
瀏覽器打開網(wǎng)頁時(shí)计贰，它并不知道你的這個(gè)文件是使用什么編碼方式钦睡，于是自作主張使用了默認(rèn)解碼方式，導(dǎo)致編碼和解碼不匹配躁倒，產(chǎn)生亂碼荞怒。
解決：在文件保存的時(shí)候你自己要清楚是用哪種編碼方式保存的洒琢。如果你的文件是保存為utf-8格式，那么一定要在html 的 <head>里添加<meta charset="utf-8">褐桌，這句話的意思是告訴瀏覽器在打開這個(gè)頁面的時(shí)候不要去猜了衰抑，直接用utf-8去解碼。 同理荧嵌，如果你的文件保存為gbk格式呛踊，一定在文件里添加<meta charset="gbk">。
常見的瀏覽器有哪些完丽，什么內(nèi)核
國內(nèi)瀏覽器很多都是雙內(nèi)核（webkit和Trident）恋技，webkit內(nèi)核高速瀏覽，IE內(nèi)核兼容網(wǎng)頁和舊版網(wǎng)站逻族。而添加meta標(biāo)簽的網(wǎng)站可以控制瀏覽器選擇何種內(nèi)核渲染蜻底。參考文檔
<meta name="renderer" content="webkit|ie-comp|ie-stand">
國內(nèi)雙核瀏覽器默認(rèn)內(nèi)核模式如下：
1.搜狗高速瀏覽器、QQ瀏覽器：IE內(nèi)核（兼容模式）
2.360極速瀏覽器聘鳞、遨游瀏覽器：Webkit內(nèi)核（極速模式）
列出常見的標(biāo)簽薄辅，并簡單介紹這些標(biāo)簽用在什么場景
html常用標(biāo)簽
