超文本標(biāo)記語言(英語:HyperText Markup Language,簡稱:HTML)
是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。
HTML是一種基礎(chǔ)技術(shù),常與CSS、JavaScript一起被眾多網(wǎng)站用于設(shè)計
令人賞心悅目的網(wǎng)頁、網(wǎng)頁應(yīng)用程序以及移動應(yīng)用程序的用戶界面[1]。
網(wǎng)頁瀏覽器可以讀取HTML文件,并將其渲染成可視化網(wǎng)頁。
HTML描述了一個網(wǎng)站的結(jié)構(gòu)語義隨著線索的呈現(xiàn),使之成為一種標(biāo)記語言而非編程語言。
HTML:https://zh.wikipedia.org/wiki/HTML
XML 被設(shè)計用來傳輸和存儲數(shù)據(jù)。
HTML 被設(shè)計用來顯示數(shù)據(jù)。
應(yīng)該掌握的基礎(chǔ)知識:
在您繼續(xù)學(xué)習(xí)之前,需要對以下知識有基本的了解:
HTML / XHTML
JavaScript
如果您希望首先學(xué)習(xí)這些項目,請在我們的 首頁 訪問這些教程。
什么是 XML?
XML:http://w3school.com.cn/xml/xml_intro.asp
XML 指可擴展標(biāo)記語言(EXtensible Markup Language)
XML 是一種標(biāo)記語言,很類似 HTML
XML 的設(shè)計宗旨是傳輸數(shù)據(jù),而非顯示數(shù)據(jù)
XML 標(biāo)簽沒有被預(yù)定義。您需要自行定義標(biāo)簽。
XML 被設(shè)計為具有自我描述性。
XML 是 W3C 的推薦標(biāo)準(zhǔn)
XML 與 HTML 的主要差異
XML 不是 HTML 的替代。
XML 和 HTML 為不同的目的而設(shè)計:
XML 被設(shè)計為傳輸和存儲數(shù)據(jù),其焦點是數(shù)據(jù)的內(nèi)容。
HTML 被設(shè)計用來顯示數(shù)據(jù),其焦點是數(shù)據(jù)的外觀。
HTML 旨在顯示信息,而 XML 旨在傳輸信息。
XHTML 是 HTML 與 XML(擴展標(biāo)記語言)的結(jié)合物。
XHTML 包含了所有與 XML 語法結(jié)合的 HTML 4.01 元素。
為什么要使用XHTML?
我們認(rèn)為萬維網(wǎng)上的許多頁面都包含著糟糕的 HTML 代碼。
下面的 HTML 代碼仍然可以工作得很好,即使它沒有遵守 HTML 規(guī)則:
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML</h1>
</body>
XML 是一種標(biāo)記化語言,其中所有的東西都要被正確的標(biāo)記,以產(chǎn)生形式良好的文檔。
XML 用來描述數(shù)據(jù),而 HTML 則用來顯示數(shù)據(jù)。
今天的市場中存在著不同的瀏覽器技術(shù),某些瀏覽器運行在計算機中,
某些瀏覽器則運行在移動電話和手持設(shè)備上。而后者沒有能力和手段來解釋糟糕的標(biāo)記語言。
因此,通過把 HTML 和 XML 各自的長處加以結(jié)合,
我們得到了在現(xiàn)在和未來都能派上用場的標(biāo)記語言 - XHTML。
XHTML 可以被所有的支持 XML 的設(shè)備讀取,同時在其余的瀏覽器升級至支持 XML 之前,
XHTML 使我們有能力編寫出擁有良好結(jié)構(gòu)的文檔,這些文檔可以很好地工作于所有的瀏覽器,
并且可以向后兼容。
HTML vs XML vs XHTML
HTML,超文本標(biāo)記語言,是語法較為松散的、不嚴(yán)格的Web語言;
XML,可擴展標(biāo)記語言,主要用于存儲數(shù)據(jù)和結(jié)構(gòu)參考;
XHTML,可擴展超文本標(biāo)記語言,基于XML,作用與HTML類似,但語法更嚴(yán)格參考。
表現(xiàn)(內(nèi)容)、樣式、行為分離
寫 HTML 的時候先不管樣式, 重點放在HTML的結(jié)構(gòu)和語義化上,讓 HTML 能體現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容。之后再去寫樣式。
寫 JS 的時候,盡量不要用 JS 去直接操作樣式,而是通過給元素添加刪除class來控制樣式變化
HTML 內(nèi)不允許出現(xiàn)屬性樣式,盡量不要出現(xiàn)行內(nèi)樣式
語義化HTML
語義化HTML是一種編寫HTML的方式
選擇合適的標(biāo)簽、使用合理的代碼結(jié)構(gòu),便于開發(fā)者閱讀,同時讓瀏覽器的爬蟲和機器很好地解析。