提升網(wǎng)站質(zhì)量教程(2)：重要的HTML元素

2024-08-27 11:56:41

字體：大中小

來(lái)源：轉(zhuǎn)載

供稿：網(wǎng)友

對(duì)于提升 web 品質(zhì)，DOCTYPE、title以及h1都是重要的標(biāo)簽。

對(duì)于提升 web 品質(zhì)，<DOCTYPE>、<title> 以及 <h1> 都是重要的標(biāo)簽。

<DOCTYPE> 元素

Doctype means a "document type declaration" (DTD).

所有的 HTML 和 XHTML 頁(yè)面都應(yīng)當(dāng)使用 <Doctype> 元素來(lái)定義遵照何種 HTML 版本。

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

文檔類型聲明同時(shí)也使驗(yàn)證軟件可以對(duì)頁(yè)面的語(yǔ)法進(jìn)行檢查：

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 DTD

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

<title> 元素

<title> 元素是最重要的 HTML 元素之一。它的主要功能是描述網(wǎng)頁(yè)的內(nèi)容。

即使標(biāo)題不是網(wǎng)頁(yè)的一個(gè)可見的部分，它對(duì)于提升網(wǎng)站的品質(zhì)依然是重要的，這是因?yàn)樗谝韵挛恢枚际强梢姷模?/p> 搜索引擎列表窗口的標(biāo)題欄用戶的書簽中

標(biāo)題應(yīng)當(dāng)盡可能地短，并具有可描述性。

當(dāng)某個(gè)用戶在 internet 上搜索網(wǎng)站時(shí)，大部分搜索引擎都會(huì)在搜索結(jié)果中顯示出網(wǎng)站的標(biāo)題。請(qǐng)確保標(biāo)題與網(wǎng)頁(yè)的內(nèi)容是吻合的。這樣的話用戶有更多的可能通過點(diǎn)擊這些鏈接來(lái)訪問到你的網(wǎng)站。

當(dāng)用戶訪問您的網(wǎng)站時(shí)，在窗口的標(biāo)題欄中標(biāo)題是可見的。請(qǐng)確保即使窗口被最小化，標(biāo)題同樣能起到描述網(wǎng)站內(nèi)容的作用。

在用戶訪問你的網(wǎng)站之后，網(wǎng)頁(yè)的標(biāo)題會(huì)存儲(chǔ)于歷史文件夾（用戶甚至?xí)丫W(wǎng)頁(yè)收藏到他的收藏夾中）。為了后續(xù)的成功訪問，同樣請(qǐng)確保標(biāo)題可以清楚地描述您的網(wǎng)站。

優(yōu)秀的標(biāo)題：

<title>HTML 教程</title><title>XML 簡(jiǎn)介</title>

差勁的標(biāo)題：

<title>簡(jiǎn)介</title><title>章節(jié) 1</title><title>W3School 擁有一整套組織良好、易于理解的 HTML、CSS、JavaScript、DHTML、XML、XHTML、WAP、ASP、SQL 教程，并包含非常多實(shí)例和源代碼。</title>

<h1> 元素

<h1> 元素用來(lái)描述網(wǎng)頁(yè)中最上層的標(biāo)題。

由于一些瀏覽器會(huì)默認(rèn)地把 <h1> 元素顯示為很大的字體，因此會(huì)有一些 web 開發(fā)者使用 <h2> 元素代替 <h1> 元素來(lái)顯示最上層的標(biāo)題。這樣做不會(huì)對(duì)讀者產(chǎn)生影響，但會(huì)使那些試圖“理解網(wǎng)頁(yè)結(jié)構(gòu)”的搜索引擎和其他軟件感到迷惑。

請(qǐng)確保把 <h1> 用于最頂層的標(biāo)題，<h2> 和 <h3> 用于較低的層級(jí)。

可以試著根據(jù)此模版來(lái)構(gòu)造您的網(wǎng)頁(yè)：