HTML5和CSS課程(5)
導(dǎo)語
從今日起計(jì)劃推出系列課程《HTML5和CSS課程》。內(nèi)容來源于《HTML5與CSS3基礎(chǔ)教程（第8版）》。如果你喜歡看書，請(qǐng)購(gòu)買正版書籍。以下內(nèi)容均來源于對(duì)該本書的解讀。
創(chuàng)建頁面標(biāo)題
在上一篇文章的?HTML 基礎(chǔ)代碼中 <title></title>僅為占位符，現(xiàn)在開始討論 title 元素。每個(gè) HTML 頁面都必須有一個(gè) title 元
素。每個(gè)頁面的標(biāo)題都應(yīng)該是簡(jiǎn)短的、描述性的，而且是唯一的，如下代碼所示。
<!DOCTYPE?html><html?lang="en">
<head>????<meta?charset="UTF-8">????<title>這是一個(gè)簡(jiǎn)單的html頁面</title></head><body></body></html>“title 元素必須位于 head 部分，將它放置在指定字符編碼的 meta 元素后面
在大多數(shù)瀏覽器中，頁面標(biāo)題出現(xiàn)在窗口的標(biāo)題欄（ Chrome 是個(gè)例外）和瀏覽器的標(biāo)簽頁中。頁面標(biāo)題還會(huì)出現(xiàn)在訪問者瀏覽歷史列表和書簽里。
或 許 更 為 重 要 的 是， 頁 面 標(biāo) 題 會(huì) 被Google、 Bing、 百度等搜索引擎采用，從而能夠大致了解頁面內(nèi)容，并將頁面標(biāo)題作為搜索結(jié)果中的鏈接顯示?？傊屆總€(gè)頁面的 title 是唯一的，從而提升搜索引擎結(jié)果排名，并讓訪問者獲得更好的體驗(yàn)。
“頁面標(biāo)題通常是 Google等搜索引擎的搜索結(jié)果中鏈接的文字，它也是判斷搜索結(jié)果中頁面相關(guān)度的重要因素。此處為Google 中顯示的頁面標(biāo)題和部分主體內(nèi)容
01
創(chuàng)建頁面標(biāo)題的步驟
(1) 將光標(biāo)放在文檔 head 中的 <title> 和</title> 之間。
(2) 輸入網(wǎng)頁的標(biāo)題。
提 示
title 元素是必需的。
提 示
title 中不能包含任何格式、 HTML、圖像或指向其他頁面的鏈接。
提 示
創(chuàng)建新頁面時(shí)，有的代碼編輯器會(huì)預(yù)先為頁面標(biāo)題填上默認(rèn)文字，除非已經(jīng)按照3.1 節(jié)中介紹的方法使用了特定的開頭代碼。要注意到這些默認(rèn)文字，確保用自己的標(biāo)題替換它們。
很多開發(fā)人員不太重視 title 元素，甚至那些相當(dāng)用心、很有經(jīng)驗(yàn)的開發(fā)人員也是這樣。他們只是簡(jiǎn)單地輸入網(wǎng)站名稱，并將其復(fù)制到全站每一個(gè)網(wǎng)頁?；蛘吒愀?，讓 title 文字仍然保存為代碼編輯器默認(rèn)添加的文字。如果流量是網(wǎng)站追求的指標(biāo)之一，這樣做對(duì)建站者和潛在的訪問者都會(huì)產(chǎn)生巨大的損害。不同搜索引擎確定網(wǎng)頁排名和內(nèi)容索引規(guī)則的算法是不一樣的。不過， title通常都扮演著重要的角色。搜索引擎會(huì)將title 作為判斷頁面主要內(nèi)容的指標(biāo)，并將頁面內(nèi)容按照與之相關(guān)的文字進(jìn)行索引。有效的 title 應(yīng)包含幾個(gè)與頁面內(nèi)容密切相關(guān)的關(guān)鍵字。作為一種最佳實(shí)踐，選擇能簡(jiǎn)要概括文檔內(nèi)容的文字作為 title 文字。這些文字既要對(duì)屏幕閱讀器用戶友好，又要有利于搜索引擎排名。其次，將網(wǎng)站名稱放入 title（這不是必需的）。常見的做法是將網(wǎng)站名稱放在title 的開頭，不過將頁面特有的文字放在開頭更好。建議將 title 的核心內(nèi)容放在前 60 個(gè)字符（含空格）中，因?yàn)樗阉饕嫱ǔ⒊^此數(shù)目（作為基準(zhǔn)）的字符截?cái)?。不同瀏覽器顯示在標(biāo)題欄中的字符數(shù)上限不盡相同。瀏覽器標(biāo)簽頁會(huì)將標(biāo)題截得更短，因?yàn)樗嫉目臻g較少。
好，今天的課程就到這里?。?！
