Web 品質 - 重要的 HTML 元素

對於提升 web 品質，<DOCTYPE>、<title> 以及 <h1> 都是重要的標籤。

<!DOCTYPE> 元素

所有的 HTML 與 XHTML 頁面都應使用 <Doctype> 元素來定義遵照何種 HTML 版本。

doctype 定義了您正在使用的 HTML 版本，並為瀏覽器提供重要的資訊以便其更快速一致地呈現您的頁面。

文件類型宣告同時也讓驗證軟體可以對頁面的語法進行檢查：

HTML 5

<!DOCTYPE html>

#HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www. w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www .w3.org/TR/html4/loose.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http:// www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict, Transitional, Frameset

#<!DOCTYPE html PUBLIC "-/ /W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www. w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<title> 元素

<title> 元素是最重要的 HTML 元素之一。它的主要功能是描述網頁的內容。

即使標題不是網頁的一個可見的部分，它對於提升網站的品質仍然是重要的，這是因為它在以下位置都是可見的：

搜尋引擎清單
視窗的標題列
#用戶的書籤中

標題應當盡可能地短，並具有可描述性。

當某個使用者在 internet 上搜尋網站時，大部分搜尋引擎都會在搜尋結果中顯示網站的標題。請確保標題與網頁的內容是吻合的。這樣的話用戶有更多的可能透過點擊這些連結來造訪你的網站。

當使用者造訪您的網站時，在視窗的標題列中標題是可見的。請確保即使視窗被最小化，標題同樣能起到描述網站內容的作用。

在使用者造訪你的網站之後，網頁的標題會儲存於歷史資料夾（使用者甚至會把網頁收藏到他的收藏夾中）。為了後續的成功訪問，同樣請確保標題可以清楚地描述您的網站。

優秀的標題：

<title>HTML Tutorial</title>

<title>XML Introduction</title>

#差距的標題的例子：:

<title>Introduction</title>

<title>Chapter 1</title>

#<title>Chapter 1</title>

可以試著根據此模版建構您的網頁：

#W3Cschool擁有一整套組織良好、易於理解的HTML、CSS、JavaScript、 DHTML、XML、XHTML、WAP、ASP、SQL 教學課程，並包含非常多實例和原始程式碼。

<h1> 元素

<h1> 元素用來描述網頁中最上層的標題。

由於一些瀏覽器會預設地把<h1> 元素顯示為很大的字體，因此會有一些web 開發者使用<h2> 元素代替<h1> 元素來顯示最上層的標題。這樣做不會對讀者產生影響，但會使那些試圖"理解網頁結構"的搜尋引擎和其他軟體感到迷惑。

請確保把 <h1> 用於最頂層的標題，<h2> 和 <h3> 用於較低的層級。

This is the main heading

###Some initial text ######This is a level 2 heading######This is some text. This is some text. This is some text.#######This is a level 3 heading################################################################################################### #This is some text. This is some text. This is some text.######This is a level 3 heading######This is some text. This is some text. This is some text.# #################如果您不喜歡預設的標題字體尺寸，可以使用樣式或樣式表來改變。 ##########