1.如何理解它的名字？
A.HTML的“超文本”指，除了文字這種純文本外，它還可以表示圖片、視頻、音頻等不是文本的內(nèi)容。
B.HTML的“標(biāo)記”指，HTML用標(biāo)簽定義網(wǎng)頁中的內(nèi)容，以便瀏覽器能準(zhǔn)確把這些內(nèi)容展示出來。
C.HTML的“語言”指，它是與瀏覽器溝通的語言，瀏覽器通過聽懂HTML這種特殊的語言，準(zhǔn)確顯示網(wǎng)頁內(nèi)容。
就名稱來看，HTML是一門語言？它有單詞嗎？單詞組成句子有語法嗎？這個(gè)語言是誰用的呢？
2.如何理解它是一門語言?
HTML作為一門特殊的語言，可類比漢語、英語：
A.標(biāo)簽：可理解為HTML的單詞；跟人類語言的單詞有含義一樣，每個(gè)HTML標(biāo)簽也有不同的語義，如<header>表示頭部，<nav>表示導(dǎo)航。跟英語相比，HTML的單詞數(shù)很少（114個(gè)，常用的也就那么十幾二十個(gè)吧？）。
相比記憶，學(xué)會(huì)查找或許更重要。MDN（HTML 元素參考）和W3C（HTML 教程）是不可或缺的查找字典。
B.元素：一個(gè)開始標(biāo)簽+內(nèi)容+一個(gè)結(jié)束標(biāo)簽組成HTML的元素。一個(gè)元素可理解為HTML的一個(gè)句子；雖然大多數(shù)元素有結(jié)束標(biāo)簽，但也有例外，如<img>。
C.html文件：一個(gè).html格式的文件就是一篇HTML的文章，可包含若干個(gè)元素。
當(dāng)閱讀.html格式的文件時(shí)，正是因?yàn)闃?biāo)簽有語義，即使不用瀏覽器將文件翻譯出來（準(zhǔn)確表達(dá)應(yīng)該是渲染出來？姑且用“翻譯”來理解吧），你也可以想象這篇文章想要表達(dá)一個(gè)什么樣的網(wǎng)頁。語義化標(biāo)簽組成的網(wǎng)頁，可以讓搜索引擎更好解析，有助于提高網(wǎng)頁在搜索結(jié)果中的排名（seo優(yōu)化）。
3.它有語法嗎？是什么？
跟英語的單詞，每個(gè)都有獨(dú)特的用法一樣，不同的HTML標(biāo)簽也有不同的用法。如大多數(shù)標(biāo)簽要求有結(jié)束標(biāo)記；部分則不需要，如<img>。此外，想要寫出能表達(dá)更多意思的句子，單詞需與其他詞搭配使用，同理，每個(gè)HTML標(biāo)簽也有搭配用法，稱之為“屬性”。如<img>的width、height，借助這兩個(gè)屬性，圖片大小將更符合設(shè)計(jì)。
隨著表達(dá)的需要，語言的詞庫在不斷更新，如出現(xiàn)網(wǎng)絡(luò)新詞；不常用、不方便使用（魑魅魍魎）的慢慢很少被使用，甚至被被棄用。隨著網(wǎng)頁表現(xiàn)形式的豐富，HTML的詞庫也在不斷更新，HTML4.0、HTML5.0標(biāo)準(zhǔn)應(yīng)運(yùn)而生。相比，HTML5標(biāo)準(zhǔn)做出了<strike>被棄用，新增<aside>等變更。（HTML標(biāo)準(zhǔn)就是限制你這樣寫HTML文件，但不能那樣寫的規(guī)定）
4.它是如何跟瀏覽器溝通的？
HTML文件的每一部分，代表了瀏覽器解析文件所需的關(guān)鍵信息，方便瀏覽器能更好理解、準(zhǔn)確解析：
A.<!DOCTYPE html>：聲明文檔類型。當(dāng)瀏覽器解析HTML文件時(shí)，會(huì)先查找此聲明，以確定用哪種方式渲染網(wǎng)站。此語句相當(dāng)于告訴瀏覽器：這是一個(gè)HTML文檔，請按HTML5的標(biāo)準(zhǔn)解析它。
B.<head></head>：描述網(wǎng)頁的基礎(chǔ)信息；如<title>標(biāo)簽定義的標(biāo)題；<meta>標(biāo)簽定義的css 樣式表、js文件、編碼方式等。這些信息幫助瀏覽器更好的理解頁面，如<meta chartset=UTF-8>告訴瀏覽器應(yīng)使用utf編碼。
C.<body></body>:用若干個(gè)元素定義了用戶在網(wǎng)頁上看到的內(nèi)容，如一張圖、一段文字。元素中可以嵌套其他元素，使文件呈樹狀層級(jí)結(jié)構(gòu)：
今天就講到這里 希望對大家能有所幫助。一如既往，歡迎點(diǎn)評(píng)！