head 標籤：
head 標籤一般緊接著 html 標籤之後，是一個封閉的標籤，裡面一般放的東西不會呈現在使用者面前，主要用來儲存一些網頁的資訊(meatdata)或外部資源，像是 css 或 javascript 等。
head 標籤內會放的標籤
- <title> 網頁名稱
- <meta> 網頁 metadata
- <style> CSS 樣式
- <link> 外部連結檔案
- <script> JavaScript 程式碼
- <noscript> 網頁不支援 JavaScript 時的處理
- <base> base URL
title 標籤：
HTML title 的標籤是用來設定頁面標題的，會呈現在以下這些地方：
- 瀏覽器的書籤 (favorites, bookmarks)
- 瀏覽器的頁籤上
- 搜尋引擎的網頁搜尋結果中
meta 標籤：
<meta> 標籤可以用來描述 HTML 文件的 metadata，一般常見的資訊可以設定如下這些：
- meta charset 指定網頁所使用的編碼
- meta description 網頁說明
- meta keywords 網頁關鍵字
- meta author 網頁作者資訊
- meta viewport 手機行動版網頁螢幕資訊
- meta refresh 自動跳轉網頁
- meta robots 搜尋引擎標記
meta charset：
charset 是用來指定網頁編碼，一般會設定值為 utf-8
<meta charset="utf-8">
meta description：
用來簡單說明網站內容敘述的，一般不用寫的太詳細，這是給 google 爬的，可以著重在讓使用者可以比較容易點進來的內容上。
<meta name="description" content="敘述內容">
meta keywords：
網頁關鍵字，但 google 有說目前已經不會爬取這項資訊，就算要加也不要加超過 3 項。
<meta name="keywords" content="HTML,CSS,JavaScript">
meta author：
作者資訊。
<meta name="author" content="deathhell">
meta viewport：
可以用來控制利用行動裝置瀏覽網頁時的渲染方式。
一般我們會設定像以下這樣，這樣在手機上看網頁的內容大小就會跟電腦上一樣了。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
另外如果不像讓使用者可以調整手機版網頁的大小，可以做以下設定：
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
meta refresh：
用來自動跳轉頁面，可以指定時間及網址。
<meta http-equiv="refresh" content="5; url=https://www.google.com">如果不加 url 參數的話則是定時刷新頁面：
<meta http-equiv="refresh" content="10">
meta robots：
指定網頁是否要讓網頁被搜尋引擎建立索引。
- noindex: 不要在搜尋結果中顯示這個網頁
- nofollow: 不要追蹤這個網頁上的連結
- none: 相當於 noindex, nofollow
- noarchive: 不要在搜索結果中顯示快取連結
- nosnippet: 不要在搜尋結果中顯示這個網頁的文字摘要或影片預覽畫面
- notranslate: 不要在搜尋結果中提供這個網頁的翻譯
- noimageindex: 不為這個網頁上的圖片建立索引
- unavailable_after: [date/time]: 在指定的日期/時間後不在搜尋結果中顯示這個網頁
- all: 預設值，等同於 index, follow