HTML XHTML XML區(qū)別
HTML是一種比較松散的語(yǔ)言,是構(gòu)成網(wǎng)頁(yè)的主要語(yǔ)言,能將一臺(tái)電腦上的文字以及圖片信息與另一臺(tái)電腦上的文本以及圖片結(jié)成成為一個(gè)整體,當(dāng)用戶點(diǎn)擊其中一個(gè)時(shí),就會(huì)轉(zhuǎn)到相關(guān)內(nèi)容上去,而無(wú)論信息在哪臺(tái)電腦上,但是由于開(kāi)發(fā)時(shí)間過(guò)早,沒(méi)有統(tǒng)一的規(guī)范,大小寫(xiě)混亂而且編碼不規(guī)范,給開(kāi)發(fā)帶來(lái)麻煩。
XHTML是一種相比于HTML更佳嚴(yán)格的語(yǔ)言,如果將HTML比做方言,那么XHTML就是普通話,其中的X代表著extensible,XHTML結(jié)合了HTML與XML,是一種過(guò)渡語(yǔ)言,是HTML到XML的過(guò)渡,目前普遍認(rèn)為XML為未來(lái)的主流語(yǔ)言。
XML是Internet中跨平臺(tái)、依賴于內(nèi)容的技術(shù),為當(dāng)前處理結(jié)構(gòu)文檔信息的有力工具,由于原來(lái)的HTML不能處理所有數(shù)據(jù)類(lèi)的問(wèn)題,比如影音資料,化學(xué)公式,音樂(lè)符號(hào)等其他形式的內(nèi)容;需要將整份文件下載完成之后才能進(jìn)行搜索功能;擴(kuò)展性差,易讀性差等。為了彌補(bǔ)以上缺點(diǎn),XML被創(chuàng)造了出來(lái),XML是一種簡(jiǎn)單的數(shù)據(jù)儲(chǔ)存語(yǔ)言。大部分軟件在之后都將會(huì)支持XML,這就意味著軟件可以將在Windows、Linux、Mac OS各個(gè)不同系統(tǒng)下產(chǎn)生的信息結(jié)合起來(lái),然后通過(guò)XML進(jìn)行加載分析,然后將數(shù)據(jù)以XML格式輸出。
HTML語(yǔ)義化
HTML的語(yǔ)義化作用在于讓開(kāi)發(fā)者更好的理解當(dāng)前網(wǎng)頁(yè)代碼,在沒(méi)有CSS的情況下也能使得頁(yè)面可讀性更強(qiáng),使其機(jī)構(gòu)明確。有利于搜索爬蟲(chóng)能夠更好理解網(wǎng)頁(yè)內(nèi)容,獲取有效信息,提升網(wǎng)頁(yè)的權(quán)重,使得網(wǎng)頁(yè)更容易被搜索引擎抓取。
內(nèi)容與樣式分離原則
內(nèi)容與樣式分離主要使為了方便代碼的維護(hù)以及修改,增加易讀性,增加代碼的清潔性;網(wǎng)頁(yè)的加載速度更快;由于樣式單獨(dú)寫(xiě)入了css文件中,因此更利于搜索引擎對(duì)其進(jìn)行搜索;保持視覺(jué)的統(tǒng)一性。
常見(jiàn)的meta標(biāo)簽
meta標(biāo)簽在一個(gè)網(wǎng)頁(yè)中至關(guān)重要,通常用來(lái)描述網(wǎng)頁(yè)的關(guān)鍵詞,作者,日期,刷新等信息。它通常位于head標(biāo)簽和title標(biāo)簽之間,即meta標(biāo)簽永遠(yuǎn)位于head標(biāo)簽之內(nèi)。
頁(yè)面關(guān)鍵詞
<meta http-equiv="keywords" content="關(guān)鍵字">
頁(yè)面描述
<meta http-equiv="description" content="描述">
自動(dòng)刷新并且轉(zhuǎn)到新頁(yè)面
<meta http-equiv="refresh" content="2, url=http://">
申明編碼
<meta charset="utf-8">
忽略數(shù)字并識(shí)別為電話號(hào)碼
<meta name="format-detection" content="telphone=no, email=no">
不緩存
<meta http-equiv="cache-control" content="no-cache">
文檔聲明作用
文檔聲明作用是告知瀏覽器文檔使用何種HTML或者XHTML規(guī)范
嚴(yán)格模式和混雜模式
嚴(yán)格模式指的是瀏覽器按照W3C規(guī)定解析代碼,混雜模式又稱兼容模式,是按照瀏覽器自己的方式來(lái)解析代碼
<!doctype html>作用
聲明瀏覽器的解析類(lèi)型,避免怪異模式,使用了<!doctype html>就代表著瀏覽器解析用的是W3C中的規(guī)范,而避免了使用瀏覽器本身的解析。從而頁(yè)面在不同瀏覽器中的解析都是一致的。
瀏覽器亂碼原因以及解決方案
出現(xiàn)的亂碼原因和相應(yīng)解決方案
字庫(kù)沒(méi)安裝完全:安裝相應(yīng)字庫(kù)即可解決;
編碼設(shè)置錯(cuò)誤,使用了與文檔字庫(kù)不同的解碼方式:選擇相匹配的編碼即可;
常用的瀏覽器以及相應(yīng)內(nèi)核
Safari:WebKit內(nèi)核
Chrome:Blink內(nèi)核(基于WebKit2)
IE:Trident內(nèi)核
Opera:Blink內(nèi)核
Firefox:Gecko內(nèi)核
常見(jiàn)的標(biāo)簽以及使用場(chǎng)景
標(biāo)簽 | 使用場(chǎng)景 |
---|---|
head | 頁(yè)面頭部 |
body | 頁(yè)面主題 |
h | 頁(yè)面標(biāo)題 |
p | 頁(yè)面段落 |
/br | 換行 |
div | 頁(yè)面獨(dú)立的塊元素 |
img | 頁(yè)面插入圖片 |
form | 頁(yè)面插入表單 |