HTML、XML、XHTML 有什么區(qū)別
一、HTML
HTML是目前web上制作超文本文件的通用格式,需要講一下預(yù)備知識(shí),在瀏覽器的搜索欄里輸入我們的URL(統(tǒng)一資源定位符,eg:http://www.baidu.com ),目的是為了訪問(wèn)這個(gè)目標(biāo)網(wǎng)頁(yè),輸入U(xiǎn)RL回車就是向服務(wù)器請(qǐng)求我們的目標(biāo)網(wǎng)頁(yè),該網(wǎng)頁(yè)在就是一個(gè)超文本文件,它的格式就是HTML。也就是說(shuō)HTML是為創(chuàng)建網(wǎng)頁(yè)而設(shè)計(jì)的一種標(biāo)簽語(yǔ)言。目的在于顯示數(shù)據(jù)。
特點(diǎn):
1 不區(qū)分大小寫(xiě)
2 標(biāo)記不是所有的都成對(duì)出現(xiàn)eg:<img>屬于自閉合標(biāo)簽
3 有預(yù)定義標(biāo)簽
二、XHTML
XHTML可擴(kuò)展超文本標(biāo)記語(yǔ)言,表現(xiàn)方式與超文本標(biāo)記語(yǔ)言HTML類似,不過(guò)語(yǔ)法上更加嚴(yán)格。eg:以前我們可以這樣寫(xiě)<p><b></p></b>,但是XHTML必須<p><b></b></p>。XHTML是在HTML4.0的基礎(chǔ)上,用XML的規(guī)則對(duì)其進(jìn)行擴(kuò)展,得到了XHTML。簡(jiǎn)單的說(shuō),建立XHTML的目的就是實(shí)現(xiàn)HTML向XML的過(guò)渡。
三、XML
可擴(kuò)展標(biāo)記語(yǔ)言,一種類似于HTML的標(biāo)記語(yǔ)言。設(shè)計(jì)的意圖是用來(lái)傳輸數(shù)據(jù)的。
特點(diǎn):
1 區(qū)分大小寫(xiě)
2 任何的起始標(biāo)簽都必須有一個(gè)結(jié)束標(biāo)簽
3 可以采用另一種簡(jiǎn)化語(yǔ)法,可以在一個(gè)標(biāo)簽中同時(shí)表示起始和結(jié)束標(biāo)簽。這種語(yǔ)法是在大于符號(hào)之前緊跟一個(gè)斜線(/).eg:<xmltest/>
4 所有的特性都必須在值的周圍加上雙引號(hào)。
5 所有的特性都必須有值。
怎樣理解 HTML 語(yǔ)義化
什么是語(yǔ)義化
語(yǔ)義化是指機(jī)器在需要更少的人類干預(yù)的情況下能夠研究和收集信息,是標(biāo)簽和屬性都能直觀的被理解。語(yǔ)義化的目的
1 便于搜索引擎的抓取
2 便于機(jī)器和人理解怎么語(yǔ)義化、
1盡可能少的使用無(wú)語(yǔ)義的標(biāo)簽div和span;
2 在語(yǔ)義不明顯時(shí),既可以使用div或者p時(shí),盡量用p, 因?yàn)閜在默認(rèn)情況下有上下間距,對(duì)兼容特殊終端有利;
3 不要使用純樣式標(biāo)簽,如:b、font、u等,改用css設(shè)置。
4 需要強(qiáng)調(diào)的文本,可以包含在strong或者em標(biāo)簽中(瀏覽器預(yù)設(shè)樣式,能用CSS指定就不用他們),strong默認(rèn)樣式是加粗(不要用b),em是斜體(不用i);
5 使用表格時(shí),標(biāo)題要用caption,表頭用thead,主體部分用tbody包圍,尾部用tfoot包圍。表頭和一般單元格要區(qū)分開(kāi),表頭用th,單元格用td;
6 表單域要用fieldset標(biāo)簽包起來(lái),并用legend標(biāo)簽說(shuō)明表單的用途;
7 每個(gè)input標(biāo)簽對(duì)應(yīng)的說(shuō)明文本都需要使用label標(biāo)簽,并且通過(guò)為input設(shè)置id屬性,在lable標(biāo)簽中設(shè)置for=someld來(lái)讓說(shuō)明文本和相對(duì)應(yīng)的input關(guān)聯(lián)起來(lái)。
怎樣理解內(nèi)容與樣式分離的原則
所謂的內(nèi)容與樣式的分離值得是HTML和CSS,HTML決定了網(wǎng)頁(yè)的內(nèi)容,而CSS決定了網(wǎng)頁(yè)的樣式,那么分離的意義在于同封裝的意義類似,可以提高代碼的復(fù)用性,避免牽一發(fā)而動(dòng)全身,也就是提一個(gè)小需求就要牽扯到整個(gè)框架結(jié)構(gòu)。
有哪些常見(jiàn)的meta標(biāo)簽
- <meta name="keywords" content=""> //向搜索引擎說(shuō)明你的網(wǎng)頁(yè)的關(guān)鍵詞
- <meta name="description" content=""> //告訴搜索引擎你的站點(diǎn)的主要內(nèi)容
- <meta name="author" content="你的姓名"> //告訴搜索引擎你的站點(diǎn)的制作的作者
- <meta http-equiv="Content-Type" content="text/html";charset=utf-8"> //指定字符集
- <meta http-equiv="refresh" content="n;url="> //定時(shí)讓網(wǎng)頁(yè)在指定的時(shí)間n內(nèi)跳轉(zhuǎn) 到url指定網(wǎng)頁(yè)
- <meta http-equiv="expires" content="Mon,12 May 2001 00:20:00 GMT"> //可以用于設(shè)定網(wǎng)頁(yè)的到期時(shí)間,一旦過(guò)期則必須到服務(wù)器上重新調(diào)用。需要注意的是必須使用GMT時(shí)間格式
- <meta http-equiv="pragma" content="no-cache"> //禁用緩存
- <meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT"> //cookie設(shè)定,如果網(wǎng)頁(yè)過(guò)期,存盤的cookie將被刪除。需要注意的也是必須使用GMT時(shí)間格式
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
<!DOCTYPE html>的作用是告訴瀏覽器以何種模式解析代碼。
嚴(yán)格模式:又稱標(biāo)準(zhǔn)模式,是指瀏覽器按照 W3C 標(biāo)準(zhǔn)解析代碼。
在現(xiàn)有有doctype聲明的網(wǎng)頁(yè),絕大多數(shù)是采用strict mode進(jìn)行解析渲染。混雜模式:又稱怪異模式或兼容模式,是指瀏覽器用自己的方式解析代碼。以下三種情況下使用該模式
a. 當(dāng)網(wǎng)頁(yè)上沒(méi)有doctype聲明的;
b. 當(dāng)網(wǎng)頁(yè)上的doctype解析出錯(cuò)的;
c. 在doctype聲明中,沒(méi)有使用DTD聲明或者使用HTML4以下(不包括HTML4)的DTD聲明的。
瀏覽器亂碼的原因是什么?如何解決
瀏覽器的解碼方式和網(wǎng)頁(yè)的編碼方式不同,
在HTML文檔的<head>標(biāo)簽內(nèi)加入 <meta charcet="編碼 ">告訴瀏覽器用什么 編碼。
常見(jiàn)的瀏覽器有哪些,什么內(nèi)核
| 瀏覽器 | 內(nèi)核 |
|---|---|
| Internet Explore | IE內(nèi)核 |
| Opear | Presto |
| Firefox | Gecko |
| Safari&Chromr | Webkit |
| 國(guó)內(nèi)大部分瀏覽器 | IE內(nèi)核 |