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

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

　　樣板語法

　　文檔類型

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

　　這很重要，因為如果沒有此聲明，HTML5 元素(如 、 等)可能無法正確呈現(xiàn)。sectiona rticle

　　標記

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

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

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

　　頭部標簽

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

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

　　元標記

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

　　您可以將這些標簽用于各種目的：

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

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

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

　　以及更多

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

　　標題標簽

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

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

　　鏈接標簽

　　顧名思義，您可以使用 標記鏈接到另一個文檔。通常，這會在當前文檔和單獨文檔之間建立不同類型的關系。link

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

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

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

　　正文標簽

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

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

　　主標簽

　　標記指定網(wǎng)站的基本內容。這將是與網(wǎng)站標題相關的內容。main

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

　　h1 標簽

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

　　網(wǎng)頁上應該只有一個元素，因為這會啟動主部分。然后，您還有其他部分和子部分，您可以使用其他標題元素。h1

　　另外，請注意，您不應跳過標題。例如，在使用 元素后不應使用 元素。一個好的結構可以是這樣的：h4 h2

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

　　?

　　在這篇文章中，我們看到了一個HTML初學者樣板以及此模板中使用的每個標簽的含義。

　　此元素列表并非詳盡無遺，因為在 head 標簽和 body 標簽中可以找到更多元素，并且還具有許多屬性。