HTML妖胀、XML峦剔、XHTML 有什么區(qū)別
一档礁、HTML
HTML是目前web上制作超文本文件的通用格式,需要講一下預(yù)備知識吝沫,在瀏覽器的搜索欄里輸入我們的URL(統(tǒng)一資源定位符呻澜,eg:http://www.baidu.com ),目的是為了訪問這個目標(biāo)網(wǎng)頁,輸入URL回車就是向服務(wù)器請求我們的目標(biāo)網(wǎng)頁惨险,該網(wǎng)頁在就是一個超文本文件羹幸,它的格式就是HTML。也就是說HTML是為創(chuàng)建網(wǎng)頁而設(shè)計的一種標(biāo)簽語言辫愉。目的在于顯示數(shù)據(jù)栅受。
特點(diǎn):
1 不區(qū)分大小寫
2 標(biāo)記不是所有的都成對出現(xiàn)eg:<img>
屬于自閉合標(biāo)簽
3 有預(yù)定義標(biāo)簽
二、XHTML
XHTML可擴(kuò)展超文本標(biāo)記語言恭朗,表現(xiàn)方式與超文本標(biāo)記語言HTML類似屏镊,不過語法上更加嚴(yán)格。eg:以前我們可以這樣寫<p><b></p></b>
,但是XHTML必須<p><b></b></p>
痰腮。XHTML是在HTML4.0的基礎(chǔ)上而芥,用XML的規(guī)則對其進(jìn)行擴(kuò)展,得到了XHTML膀值。簡單的說棍丐,建立XHTML的目的就是實(shí)現(xiàn)HTML向XML的過渡。
三沧踏、XML
可擴(kuò)展標(biāo)記語言骄酗,一種類似于HTML的標(biāo)記語言。設(shè)計的意圖是用來傳輸數(shù)據(jù)的悦冀。
特點(diǎn):
1 區(qū)分大小寫
2 任何的起始標(biāo)簽都必須有一個結(jié)束標(biāo)簽
3 可以采用另一種簡化語法趋翻,可以在一個標(biāo)簽中同時表示起始和結(jié)束標(biāo)簽。這種語法是在大于符號之前緊跟一個斜線(/).eg:<xmltest/>
4 所有的特性都必須在值的周圍加上雙引號盒蟆。
5 所有的特性都必須有值踏烙。
怎樣理解 HTML 語義化
什么是語義化
語義化是指機(jī)器在需要更少的人類干預(yù)的情況下能夠研究和收集信息,是標(biāo)簽和屬性都能直觀的被理解历等。語義化的目的
1 便于搜索引擎的抓取
2 便于機(jī)器和人理解怎么語義化讨惩、
1盡可能少的使用無語義的標(biāo)簽div和span;
2 在語義不明顯時寒屯,既可以使用div或者p時荐捻,盡量用p, 因為p在默認(rèn)情況下有上下間距黍少,對兼容特殊終端有利;
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 使用表格時海铆,標(biāo)題要用caption,表頭用thead挣惰,主體部分用tbody包圍卧斟,尾部用tfoot包圍。表頭和一般單元格要區(qū)分開通熄,表頭用th唆涝,單元格用td找都;
6 表單域要用fieldset標(biāo)簽包起來唇辨,并用legend標(biāo)簽說明表單的用途;
7 每個input標(biāo)簽對應(yīng)的說明文本都需要使用label標(biāo)簽能耻,并且通過為input設(shè)置id屬性赏枚,在lable標(biāo)簽中設(shè)置for=someld來讓說明文本和相對應(yīng)的input關(guān)聯(lián)起來。
怎樣理解內(nèi)容與樣式分離的原則
所謂的內(nèi)容與樣式的分離值得是HTML和CSS晓猛,HTML決定了網(wǎng)頁的內(nèi)容饿幅,而CSS決定了網(wǎng)頁的樣式,那么分離的意義在于同封裝的意義類似戒职,可以提高代碼的復(fù)用性栗恩,避免牽一發(fā)而動全身,也就是提一個小需求就要牽扯到整個框架結(jié)構(gòu)洪燥。
有哪些常見的meta標(biāo)簽
- <meta name="keywords" content=""> //向搜索引擎說明你的網(wǎng)頁的關(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="> //定時讓網(wǎng)頁在指定的時間n內(nèi)跳轉(zhuǎn) 到url指定網(wǎng)頁
- <meta http-equiv="expires" content="Mon,12 May 2001 00:20:00 GMT"> //可以用于設(shè)定網(wǎng)頁的到期時間磕秤,一旦過期則必須到服務(wù)器上重新調(diào)用。需要注意的是必須使用GMT時間格式
- <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)頁過期市咆,存盤的cookie將被刪除。需要注意的也是必須使用GMT時間格式
文檔聲明的作用?嚴(yán)格模式和混雜模式指什么?<!doctype html> 的作用?
<!DOCTYPE html>的作用是告訴瀏覽器以何種模式解析代碼再来。
嚴(yán)格模式:又稱標(biāo)準(zhǔn)模式蒙兰,是指瀏覽器按照 W3C 標(biāo)準(zhǔn)解析代碼。
在現(xiàn)有有doctype聲明的網(wǎng)頁,絕大多數(shù)是采用strict mode進(jìn)行解析渲染威根。混雜模式:又稱怪異模式或兼容模式瓶竭,是指瀏覽器用自己的方式解析代碼。以下三種情況下使用該模式
a. 當(dāng)網(wǎng)頁上沒有doctype聲明的痹雅;
b. 當(dāng)網(wǎng)頁上的doctype解析出錯的仰担;
c. 在doctype聲明中,沒有使用DTD聲明或者使用HTML4以下(不包括HTML4)的DTD聲明的绩社。
瀏覽器亂碼的原因是什么摔蓝?如何解決
瀏覽器的解碼方式和網(wǎng)頁的編碼方式不同,
在HTML文檔的<head>標(biāo)簽內(nèi)加入 <meta charcet="編碼 ">告訴瀏覽器用什么 編碼愉耙。
常見的瀏覽器有哪些贮尉,什么內(nèi)核
瀏覽器 | 內(nèi)核 |
---|---|
Internet Explore | IE內(nèi)核 |
Opear | Presto |
Firefox | Gecko |
Safari&Chromr | Webkit |
國內(nèi)大部分瀏覽器 | IE內(nèi)核 |