Web 品質– 重要的HTML元素

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

<!DOCTYPE> 元素

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

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

文檔類型聲明同時也使驗證軟件可以對頁面的語法進行檢查：

HTML 5

HTML 4.01 Strict, Transitional, Frameset

XHTML 1.0 Strict, Transitional, Frameset

XHTML 1.1

<title> 元素

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

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

• 搜索引擎列表
• 窗口的標題欄
• 用戶的書籤中

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

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

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

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

優秀的標題：

<title>HTML Tutorial</title>

<title>XML Introduction</title>

差距的標題的例子：:

<title>Introduction</title>

<title>Chapter 1</title>

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

<h1> 元素

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

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

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

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

如果您不喜歡默認的標題字體尺寸，可以使用樣式或樣式表來改變。