HTML,XML,XHTML的區(qū)別
- HTML，超文本標(biāo)記語(yǔ)言，語(yǔ)法比較松散，不嚴(yán)格的Web語(yǔ)言。
- XML，可擴(kuò)展標(biāo)記語(yǔ)言，主要用于存儲(chǔ)數(shù)據(jù)和結(jié)構(gòu)，可擴(kuò)展。
- XHTML，可擴(kuò)展超文本標(biāo)記語(yǔ)言，基于XML，作用與HTML類(lèi)似，但是語(yǔ)法更加嚴(yán)格。
怎樣理解HTML語(yǔ)義化
簡(jiǎn)單講就是根據(jù)內(nèi)容的結(jié)構(gòu)化（內(nèi)容語(yǔ)義化），選擇合適的標(biāo)簽（代碼語(yǔ)義化）便于開(kāi)發(fā)者閱讀和寫(xiě)出更優(yōu)雅的代碼的同時(shí)讓瀏覽器的爬蟲(chóng)和機(jī)器很好地解析。
HXML語(yǔ)義化的好處
- 清晰的頁(yè)面結(jié)構(gòu)。
- 支持更過(guò)的設(shè)備。
- 有利于SEO
- 便于團(tuán)隊(duì)開(kāi)發(fā)和維護(hù)。
怎么樣理解內(nèi)容與樣式分離的原則
一個(gè)網(wǎng)頁(yè)分為三個(gè)部分：HTML是結(jié)構(gòu)，CSS是表現(xiàn)，Javascrip是行為。內(nèi)容也就是HTML，樣式也就是CSS。所以?xún)?nèi)容與樣式的分離就是指網(wǎng)頁(yè)編碼的過(guò)程中，要將HTML,CSS兩大部分分開(kāi)。
- 寫(xiě)HTML的時(shí)候先不管樣式，重點(diǎn)放在HTML的結(jié)構(gòu)和語(yǔ)義化上，讓HTML能體現(xiàn)頁(yè)面結(jié)構(gòu)或者內(nèi)容。之后再去寫(xiě)樣式。
- 寫(xiě)JS的時(shí)候盡量不要用JS去直接操作樣式，而是通過(guò)給元素添加刪除class來(lái)控制樣式變化。
- HTML內(nèi)不允許出現(xiàn)屬性樣式，盡量不要出現(xiàn)行內(nèi)樣式。
有那些常見(jiàn)的meta標(biāo)簽
- 申明編碼
<meta charset='utf-8' />
- 優(yōu)先使用IE最新版本和Chrome
<meta http-equiv="X-UA-Compatible" >content="IE=edge,chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=6" >
<meta http-equiv="X-UA-Compatible" content="IE=7" >
<meta http-equiv="X-UA-Compatible" content="IE=8" >
- 瀏覽器內(nèi)核控制
<meta name="renderer" content="webkit|ie-comp|ie-stand">
- 禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪(fǎng)問(wèn)頁(yè)面內(nèi)容
<meta http-equiv="Pragma" content="no-cache">
文檔聲明的作用?
文檔申明是為了告訴瀏覽器，你的HTML文檔是用的什么版本的HTML來(lái)寫(xiě)的，這樣瀏覽器才能按照你聲明的版本來(lái)正確的解析你的HTML文檔。
嚴(yán)格模式和混雜模式指什么?
- 嚴(yán)格模式（推薦）現(xiàn)在也稱(chēng)為標(biāo)準(zhǔn)模式，在該模式下，瀏覽器回嚴(yán)格按照HTML和CSS標(biāo)準(zhǔn)來(lái)解析，渲染你的文檔。
- 混雜模式（不推薦）的又來(lái)是一個(gè)歷史問(wèn)題，在給互聯(lián)網(wǎng)早期，網(wǎng)頁(yè)一般寫(xiě)成兩個(gè)版本：一個(gè)寫(xiě)給網(wǎng)景公司的Navigator瀏覽器，一個(gè)寫(xiě)給微軟公司的IE瀏覽器。當(dāng)W3C指令了Web標(biāo)準(zhǔn)后，這兩個(gè)瀏覽器不能馬上開(kāi)始按標(biāo)準(zhǔn)來(lái)解析渲染頁(yè)面，因?yàn)闀?huì)破話(huà)但是大部分頁(yè)面的效果。所以各瀏覽器就引入了混雜模式，在該模式下瀏覽器會(huì)模擬Navigator4和IE5的非標(biāo)準(zhǔn)行為來(lái)解析渲染頁(yè)面，這樣做就是為了兼容在W3C標(biāo)準(zhǔn)出現(xiàn)之前就存在的那些“不標(biāo)準(zhǔn)”的頁(yè)面。
<!doctype html> 的作用?
<!doctype html> 的作用就是讓瀏覽器進(jìn)入標(biāo)準(zhǔn)模式，使用最新的HTML5標(biāo)準(zhǔn)來(lái)解析渲染頁(yè)面：如果不寫(xiě)，瀏覽器就會(huì)進(jìn)入混雜模式，而這是我們要避免的。
瀏覽器亂碼的原因是什么？如何解決
下面這個(gè)是我們寫(xiě)入文件到展示文件的一個(gè)簡(jiǎn)單過(guò)程
- 我們使用編輯器編寫(xiě)HTML文件.
- 保存編寫(xiě)的HTML文件。
- 使用瀏覽器打開(kāi)HTML文件。
- HTML文件在瀏覽器展示。
如果我們?cè)谖覀兙帉?xiě) HTML 文件時(shí)，如果在<html>中指定了<meta charset="gbk">，設(shè)定字符集為gbk，然后保存 HTML 文件時(shí)，編輯器用 utf-8字符集保存。接著瀏覽器打開(kāi)HTML文件時(shí)，它看到<meta charset="gbk">，這時(shí)候它就會(huì)用gbk字符集來(lái)解碼你的HTML文檔
由于utf-8和gbk對(duì)中文的編碼方式不一樣，那么HTML文件在瀏覽器中顯示示出來(lái)肯定是亂碼。
所以編輯器保存文檔使用的字符集一定要跟 HTML 文檔指定的字符集匹配
常見(jiàn)的瀏覽器有哪些，什么內(nèi)核
| 瀏覽器 | 內(nèi)核 |
|---|---|
| Internet Explorer | IE內(nèi)核 |
| Firefox | Gecko |
| Opear | Presto |
| Safari&Chromr | Webkit |
| 國(guó)內(nèi)大部分瀏覽器 | IE內(nèi)核 |
列出常見(jiàn)的標(biāo)簽，并簡(jiǎn)單介紹這些標(biāo)簽用在什么場(chǎng)景
| 標(biāo)簽 | 使用場(chǎng)景 |
|---|---|
| ａ | 超鏈接 |
| ｈ１－ｈ６ | 標(biāo)題 |
| button | 按鈕 |
| div | 塊級(jí)元素 |
| img | 圖片 |
| form | 表格 |
| p | 段落 |
