HTML有不同的標(biāo)簽，其中一些具有語義含義。HTML 文件的基本樣板如下所示：

　　在本文的其余部分，我將解釋此樣板的每個(gè)部分的含義。

　　樣板語法

　　文檔類型

　　此元素是 HTML 文件的文檔類型聲明。 告訴瀏覽器將 HTML 代碼呈現(xiàn)為 HTML5(而不是其他一些版本的 HTML)。

　　這很重要，因?yàn)槿绻麤]有此聲明，HTML5 元素(如 、 等)可能無法正確呈現(xiàn)。sectiona rticle

　　標(biāo)記

　　標(biāo)記是 HTML 文檔的根目錄。它包含您網(wǎng)站中使用的標(biāo)記，標(biāo)記和所有其他HTML元素(DOCTYPE除外)。htmlheadbody

　　它還具有 屬性，可用于指定網(wǎng)站上文本內(nèi)容的語言。默認(rèn)值為“未知”，因此建議您始終指定一種語言。lang

　　定義語言有助于屏幕閱讀器正確閱讀單詞，并幫助搜索引擎返回特定于語言的搜索結(jié)果。

　　頭部標(biāo)簽

　　標(biāo)簽包含您網(wǎng)站的元數(shù)據(jù)。這些對于用戶來說是視覺上不可見的數(shù)據(jù)，但它們提供了有關(guān)您網(wǎng)站內(nèi)容的信息。搜索引擎特別使用這些數(shù)據(jù)對您的網(wǎng)站進(jìn)行排名。head

　　head 標(biāo)簽中的元數(shù)據(jù)包括元標(biāo)簽、標(biāo)題標(biāo)簽、鏈接標(biāo)簽、腳本、樣式表等。

　　元標(biāo)記

　　標(biāo)記是一個(gè)元數(shù)據(jù)元素，用于向網(wǎng)站添加更多元數(shù)據(jù)，而不是標(biāo)題等非元標(biāo)記提供的那種元數(shù)據(jù)。meta

　　您可以將這些標(biāo)簽用于各種目的：

　　為社交媒體平臺添加元數(shù)據(jù)以創(chuàng)建鏈接預(yù)覽

　　為您的網(wǎng)站添加描述

　　為您的網(wǎng)站添加字符編碼

　　以及更多

　　搜索引擎、社交媒體平臺和 Web 服務(wù)使用此元數(shù)據(jù)來了解您網(wǎng)站的內(nèi)容，并確定如何向用戶呈現(xiàn)這些內(nèi)容。

　　標(biāo)題標(biāo)簽

　　標(biāo)記用于指定網(wǎng)站的標(biāo)題。您的瀏覽器使用此選項(xiàng)在標(biāo)題欄上顯示標(biāo)題：title

　　此標(biāo)記還有助于搜索引擎在其搜索結(jié)果中顯示您網(wǎng)站的標(biāo)題：

　　鏈接標(biāo)簽

　　顧名思義，您可以使用 標(biāo)記鏈接到另一個(gè)文檔。通常，這會在當(dāng)前文檔和單獨(dú)文檔之間建立不同類型的關(guān)系。link

　　例如，如上面的代碼塊所示，我們已經(jīng)與樣式.css文件建立了“樣式表”文檔關(guān)系。

　　此標(biāo)記最常見的用途是向文檔添加樣式表，并向網(wǎng)站添加圖標(biāo)：

　　圖標(biāo)是靠近網(wǎng)頁標(biāo)題的小圖像，如下所示：

　　正文標(biāo)簽

　　標(biāo)簽包含網(wǎng)站的正文內(nèi)容，用戶可以看到這些內(nèi)容。雖然不可見的元素，如 和 也可以在這里添加，但大多數(shù)正文標(biāo)簽通常是可見的。bodystylescript

　　從標(biāo)題到段落再到媒體等等，這些元素都在這里添加。此處未找到的任何元素(可能包含在 head 標(biāo)記中)都不會顯示在屏幕上。

　　主標(biāo)簽

　　標(biāo)記指定網(wǎng)站的基本內(nèi)容。這將是與網(wǎng)站標(biāo)題相關(guān)的內(nèi)容。main

　　例如，博客文章頁面。左側(cè)的社交媒體共享，右側(cè)的廣告，頁眉和頁腳是網(wǎng)頁的次要部分。顯示封面圖像，標(biāo)題和帖子文本內(nèi)容的帖子本身是中心部分，該部分將位于 元素中。main

　　h1 標(biāo)簽

　　HTML 具有不同的標(biāo)題元素，這些元素是 、 、 和 。標(biāo)題元素用于描述網(wǎng)頁的不同部分。這些元素有一個(gè)順序，其中是最高的。h1 h2 h3 h4 h5 h6 h1

　　網(wǎng)頁上應(yīng)該只有一個(gè)元素，因?yàn)檫@會啟動(dòng)主部分。然后，您還有其他部分和子部分，您可以使用其他標(biāo)題元素。h1

　　另外，請注意，您不應(yīng)跳過標(biāo)題。例如，在使用 元素后不應(yīng)使用 元素。一個(gè)好的結(jié)構(gòu)可以是這樣的：h4 h2

　　從此代碼中，您可以看到標(biāo)題級別如何指定它們在節(jié)和子節(jié)中的位置。

　　?

　　在這篇文章中，我們看到了一個(gè)HTML初學(xué)者樣板以及此模板中使用的每個(gè)標(biāo)簽的含義。

　　此元素列表并非詳盡無遺，因?yàn)樵?head 標(biāo)簽和 body 標(biāo)簽中可以找到更多元素，并且還具有許多屬性。