iT邦幫忙

2023 iThome 鐵人賽

DAY 9
0
Modern Web

跟著 OXXO 一起學 HTML系列 第 15

( Day 9.1 ) HTML 網頁標題 <title>

  • 分享至 

  • xImage
  •  

<title> 是 HTML 裡標記「網頁標題」的元素,該元素並不會在頁面裡顯示,反而會顯示在瀏覽器的頁籤,或是儲存為「我的最愛」或「書籤」時的名稱,這篇教學會介紹 <title> 網頁標題元素。

原文參考:網頁標題 title

認識 <title>

<title> 是 HTML 裡標記「網頁標題」的元素,該元素會放在 HTML <head> 元素裡,而且一個網頁只會有一個 <title>

  • <title> 屬於「容器元素」,需要有「起始標籤」以及「結束標籤」。
<!DOCTYPE html>
<html>
<head>
  <title>網頁標題</title>
</head>
<body>
  <p>網頁內容</p>
</body>
</html>

<title> 的作用

雖然 <title> 並不會在頁面裡顯示,但在實作 SEO ( 搜尋引擎最佳化 ) 時,<title> 也是非常重要且必須的元素之一,下列三個位置都會需要使用網頁標題。

  • 瀏覽器的頁籤

    HTML 教學 - 網頁標題  - 瀏覽器的頁籤

  • 瀏覽器的書籤或我的最愛。

    HTML 教學 - 網頁標題  - 瀏覽器的書籤或我的最愛

  • 搜尋引擎的搜尋結果。

    HTML 教學 - 網頁標題  - 搜尋引擎的搜尋結果

更多教學

大家好,我是 OXXO,是個即將邁入中年的斜槓青年,我有個超過一千篇教學的 STEAM 教育學習網,有興趣可以參考下方連結呦~ ^_^


上一篇
( Day 8.2 ) HTML 套用 JavaScript
下一篇
( Day 9.2 ) HTML 網頁資訊 <meta>
系列文
跟著 OXXO 一起學 HTML90
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言