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