對于提升 web 品質,<DOCTYPE>、<title> 以及 <h1> 都是重要的標簽。
所有的 HTML 和 XHTML 頁面都應當使用 <Doctype> 元素來定義遵照何種 HTML 版本。
doctype 定義了您正在使用的 HTML 版本,并為瀏覽器提供重要的信息以便其更快速一致地呈現您的頁面。
文檔類型聲明同時也使驗證軟件可以對頁面的語法進行檢查:
<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> 元素顯示為很大的字體,因此會有一些 web 開發者使用 <h2> 元素代替 <h1> 元素來顯示最上層的標題。這樣做不會對讀者產生影響,但會使那些試圖"理解網頁結構"的搜索引擎和其他軟件感到迷惑。
請確保把 <h1> 用于最頂層的標題,<h2> 和 <h3> 用于較低的層級。
可以試著根據此模版來構造您的網頁:
This is the main headingSome initial text This is a level 2 headingThis is some text. This is some text. This is some text. This is a level 3 headingThis is some text. This is some text. This is some text. This is a level 3 headingThis is some text. This is some text. This is some text. |
如果您不喜歡默認的標題字體尺寸,可以使用樣式或樣式表來改變。