HTML

超文本標(biāo)記語(yǔ)言(英語(yǔ):HyperText Markup Language猜旬,簡(jiǎn)稱:HTML)
是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。
HTML是一種基礎(chǔ)技術(shù)柑贞,常與CSS、JavaScript一起被眾多網(wǎng)站用于設(shè)計(jì)
令人賞心悅目的網(wǎng)頁(yè)笋籽、網(wǎng)頁(yè)應(yīng)用程序以及移動(dòng)應(yīng)用程序的用戶界面[1]浩姥。
網(wǎng)頁(yè)瀏覽器可以讀取HTML文件脱衙,并將其渲染成可視化網(wǎng)頁(yè)蘸吓。
HTML描述了一個(gè)網(wǎng)站的結(jié)構(gòu)語(yǔ)義隨著線索的呈現(xiàn)善炫,使之成為一種標(biāo)記語(yǔ)言而非編程語(yǔ)言。

HTML:https://zh.wikipedia.org/wiki/HTML

XML 被設(shè)計(jì)用來(lái)傳輸和存儲(chǔ)數(shù)據(jù)库继。

HTML 被設(shè)計(jì)用來(lái)顯示數(shù)據(jù)销部。
應(yīng)該掌握的基礎(chǔ)知識(shí):
在您繼續(xù)學(xué)習(xí)之前,需要對(duì)以下知識(shí)有基本的了解:
HTML / XHTML
JavaScript
如果您希望首先學(xué)習(xí)這些項(xiàng)目制跟,請(qǐng)?jiān)谖覀兊?首頁(yè) 訪問(wèn)這些教程。

什么是 XML?

XML:http://w3school.com.cn/xml/xml_intro.asp

XML 指可擴(kuò)展標(biāo)記語(yǔ)言(EXtensible Markup Language)
XML 是一種標(biāo)記語(yǔ)言酱虎,很類似 HTML
XML 的設(shè)計(jì)宗旨是傳輸數(shù)據(jù)雨膨,而非顯示數(shù)據(jù)
XML 標(biāo)簽沒(méi)有被預(yù)定義。您需要自行定義標(biāo)簽读串。
XML 被設(shè)計(jì)為具有自我描述性聊记。
XML 是 W3C 的推薦標(biāo)準(zhǔn)
XML 與 HTML 的主要差異
XML 不是 HTML 的替代。
XML 和 HTML 為不同的目的而設(shè)計(jì):
XML 被設(shè)計(jì)為傳輸和存儲(chǔ)數(shù)據(jù)恢暖,其焦點(diǎn)是數(shù)據(jù)的內(nèi)容排监。
HTML 被設(shè)計(jì)用來(lái)顯示數(shù)據(jù),其焦點(diǎn)是數(shù)據(jù)的外觀杰捂。
HTML 旨在顯示信息舆床,而 XML 旨在傳輸信息。

XHTML 是 HTML 與 XML(擴(kuò)展標(biāo)記語(yǔ)言)的結(jié)合物嫁佳。

XHTML 包含了所有與 XML 語(yǔ)法結(jié)合的 HTML 4.01 元素挨队。
為什么要使用XHTML?
我們認(rèn)為萬(wàn)維網(wǎng)上的許多頁(yè)面都包含著糟糕的 HTML 代碼蒿往。
下面的 HTML 代碼仍然可以工作得很好盛垦,即使它沒(méi)有遵守 HTML 規(guī)則:
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML</h1>
</body>
XML 是一種標(biāo)記化語(yǔ)言,其中所有的東西都要被正確的標(biāo)記瓤漏,以產(chǎn)生形式良好的文檔腾夯。
XML 用來(lái)描述數(shù)據(jù)颊埃,而 HTML 則用來(lái)顯示數(shù)據(jù)。
今天的市場(chǎng)中存在著不同的瀏覽器技術(shù)蝶俱,某些瀏覽器運(yùn)行在計(jì)算機(jī)中班利,
某些瀏覽器則運(yùn)行在移動(dòng)電話和手持設(shè)備上。而后者沒(méi)有能力和手段來(lái)解釋糟糕的標(biāo)記語(yǔ)言跷乐。
因此肥败,通過(guò)把 HTML 和 XML 各自的長(zhǎng)處加以結(jié)合,
我們得到了在現(xiàn)在和未來(lái)都能派上用場(chǎng)的標(biāo)記語(yǔ)言 - XHTML愕提。
XHTML 可以被所有的支持 XML 的設(shè)備讀取馒稍,同時(shí)在其余的瀏覽器升級(jí)至支持 XML 之前,
XHTML 使我們有能力編寫(xiě)出擁有良好結(jié)構(gòu)的文檔浅侨,這些文檔可以很好地工作于所有的瀏覽器纽谒,
并且可以向后兼容。

HTML vs XML vs XHTML

HTML如输,超文本標(biāo)記語(yǔ)言鼓黔,是語(yǔ)法較為松散的、不嚴(yán)格的Web語(yǔ)言不见;
XML澳化,可擴(kuò)展標(biāo)記語(yǔ)言,主要用于存儲(chǔ)數(shù)據(jù)和結(jié)構(gòu)參考稳吮;
XHTML缎谷,可擴(kuò)展超文本標(biāo)記語(yǔ)言,基于XML灶似,作用與HTML類似列林,但語(yǔ)法更嚴(yán)格參考。

表現(xiàn)(內(nè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)樣式

語(yǔ)義化HTML

語(yǔ)義化HTML是一種編寫(xiě)HTML的方式
選擇合適的標(biāo)簽、使用合理的代碼結(jié)構(gòu)刀疙,便于開(kāi)發(fā)者閱讀舶赔,同時(shí)讓瀏覽器的爬蟲(chóng)和機(jī)器很好地解析。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末谦秧,一起剝皮案震驚了整個(gè)濱河市竟纳,隨后出現(xiàn)的幾起案子撵溃,更是在濱河造成了極大的恐慌,老刑警劉巖锥累,帶你破解...
    沈念sama閱讀 211,948評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件缘挑,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡桶略,警方通過(guò)查閱死者的電腦和手機(jī)语淘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,371評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)际歼,“玉大人惶翻,你說(shuō)我怎么就攤上這事《煨模” “怎么了吕粗?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,490評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)旭愧。 經(jīng)常有香客問(wèn)我颅筋,道長(zhǎng),這世上最難降的妖魔是什么输枯? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,521評(píng)論 1 284
  • 正文 為了忘掉前任议泵,我火速辦了婚禮,結(jié)果婚禮上桃熄,老公的妹妹穿的比我還像新娘先口。我一直安慰自己,他們只是感情好蜻拨,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,627評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著桩引,像睡著了一般缎讼。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上坑匠,一...
    開(kāi)封第一講書(shū)人閱讀 49,842評(píng)論 1 290
  • 那天血崭,我揣著相機(jī)與錄音,去河邊找鬼厘灼。 笑死夹纫,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的设凹。 我是一名探鬼主播舰讹,決...
    沈念sama閱讀 38,997評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼闪朱!你這毒婦竟也來(lái)了月匣?” 一聲冷哼從身側(cè)響起钻洒,我...
    開(kāi)封第一講書(shū)人閱讀 37,741評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎锄开,沒(méi)想到半個(gè)月后素标,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,203評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡萍悴,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,534評(píng)論 2 327
  • 正文 我和宋清朗相戀三年头遭,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片癣诱。...
    茶點(diǎn)故事閱讀 38,673評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡计维,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出狡刘,到底是詐尸還是另有隱情享潜,我是刑警寧澤,帶...
    沈念sama閱讀 34,339評(píng)論 4 330
  • 正文 年R本政府宣布嗅蔬,位于F島的核電站剑按,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏澜术。R本人自食惡果不足惜艺蝴,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,955評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望鸟废。 院中可真熱鬧猜敢,春花似錦、人聲如沸盒延。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,770評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)添寺。三九已至胯盯,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間计露,已是汗流浹背博脑。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,000評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留票罐,地道東北人叉趣。 一個(gè)月前我還...
    沈念sama閱讀 46,394評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像该押,于是被迫代替她去往敵國(guó)和親疗杉。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,562評(píng)論 2 349

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

  • HTML(HyperText Markup Language:超文本標(biāo)記語(yǔ)言) 用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言蚕礼。 HT...
    1a659520c6fc閱讀 215評(píng)論 0 1
  • 學(xué)習(xí)HTML的最佳網(wǎng)站沒(méi)有之一http://www.w3school.com.cn/html/ 關(guān)于HTML/HT...
    Amyyy_閱讀 2,054評(píng)論 0 16
  • HTML乡数、XML椭蹄、XHTML有什么區(qū)別? XMLXML是The Extensible Markup Languag...
    zx9426閱讀 430評(píng)論 0 1
  • HTML净赴、XML绳矩、XHTML 有什么區(qū)別 1.HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言,指的是超文本標(biāo)記語(yǔ)言 (Hype...
    饑人谷_牛牛閱讀 687評(píng)論 0 2
  • 1.HTML玖翅、XML翼馆、XHTML 有什么區(qū)別 HTML——超文本標(biāo)記語(yǔ)言,是語(yǔ)法較為松散的金度、不嚴(yán)格的Web語(yǔ)言HT...
    upup_dayday閱讀 225評(píng)論 0 1