HTML title 標籤 (網頁標題)

HTML title 標籤用來設計網頁標題,也就是網路瀏覽器上會顯示的網頁標題,或是搜尋引擎的搜尋結果標題,良好的開方式網頁設計,每個網頁都應該要有特定的網頁標題,讓瀏覽者知道網頁內容是以什麼為主,感覺有點像是一本書的書名或是一篇文章的標題,好的網頁標題可以讓讀者快速了解網頁內容,所有瀏覽器都支援 HTML title 標籤的效果,title tag 算是 HTML 最早期的基本功能。

HTML title 標籤語法
<title>網頁標題寫在這裡</title>
標準的網頁標題是由 <title> 標籤開始,</title> 標籤結束,兩個標籤之間就是我們要顯示的網頁標題,請盡量把網頁標題與網頁內容做匹配,例如介紹汽車保養的標題,就應該是匹配的內容,而不是天差地別的內容,否則很容易被搜尋引擎視為無意義網頁,網頁設計師在使用 HTML title 標籤語法的時候,應該把握一個大原則,就是什麼樣的標題就應該有什麼樣的內容。

HTML title 標籤範例
<html>
<head>
<title>WebTech 網頁設計教學站</title>
</head>
<body>
... 網頁內容
</body>
</html>
範例效果會像這樣
範例的重點就在紅色標註的那一行「<title>WebTech 網頁設計教學站</title>」內容,表示網頁的標題為「WebTech 網頁設計教學站」,其實 title 標籤的用法就這麼簡單而已,早期的網頁設計常常可以看到有人透過 JavaScript 設計會跑動的網頁標題,不過那樣的設計通常都只是有趣,實際意義不一定真的這麼重要,就看網頁設計師怎麼抉擇囉!

延伸閱讀
© Copyright webtech.tw Since 2010