HTML基礎(chǔ)知識(shí)

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è)面插入表單
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,606評(píng)論 6 533
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,582評(píng)論 3 418
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 176,540評(píng)論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 63,028評(píng)論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,801評(píng)論 6 410
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 55,223評(píng)論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,294評(píng)論 3 442
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 42,442評(píng)論 0 289
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,976評(píng)論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,800評(píng)論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,996評(píng)論 1 369
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,543評(píng)論 5 360
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,233評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 34,662評(píng)論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 35,926評(píng)論 1 286
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,702評(píng)論 3 392
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,991評(píng)論 2 374

推薦閱讀更多精彩內(nèi)容