Shiny

一分鐘學前端(5):網頁標題

October 10, 2019 #HTML#一分鐘學前端

前面幾篇都是介紹網頁內容的部分,只有上一篇介紹了解決多國語言亂碼的問題,不知道有沒有注意到瀏覽器頁籤的內容是顯示 index.html 也就是檔案的名稱呢?

CleanShot 2019 10 10 at 16 27 01 2x

要解決這問題只需要把想要的標題文字放在標題標籤(title)裡面並解放在 <head></head> 之間就可以了,但是切記要放在上一篇文章介紹過的內容的後面

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>我是標題</title>
  </head>
  <body>
    <h1>中文</h1>
  </body>
</html>

下載 HTML,然後在下載的資料夾裡面點兩下打開,就可以看到下圖的內容

CleanShot 2019 10 10 at 16 46 05 2x

現在整個網頁的內容都可以自己控制囉!


Shiny

Experienced JavaScript / Node.js engineer & team lead.
Twitter Facebook Medium LinkedIn GitHub Email