Meta 標籤
它必須放於與之間,主要用於本網頁的內容說明與網頁資訊,或者設定瀏覽器選項
資訊相關
編碼設定 (建議加上)
<meta charset="UTF-8" />
語系設定
<meta http-equiv="Content-Language" content="zh-TW">
//舊方法,建議設在 html tag
<html lang="zh">
給搜尋引擎看的網頁關鍵字
<meta name="description" content="網頁簡短描述">
<meta name="keywords" content="網頁關鍵字">
<meta name="author" content="作者姓名">
自動更新網頁,下面例子為5秒更新一次
<meta http-equiv="refresh" content="5" />
不暫存網頁
<meta http-equiv="Pragma" content="no-cache">
viewport 畫面設定
- width:[數字] 或 device-width
- height:[數字] 或 device-height
- initial-scale:最小0.25,最大5
- minimum-scale:最小0.25,最大5
- maximum-scale:最小0.25,最大5
- user-scalable:1 或 0 (yes 或 no)
1:1顯示,考量行動裝置,建議加上
<meta name="viewport" content="width=device-width, initial-scale=1">
不縮放,手機網站常用
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
FB 專用Meta
<meta name="og:description" content="網站要呈現的敘述設定" />
<meta property="og:title" content="該頁Title"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://www.systemlead.com.tw/index.html"/>
<meta property="og:image" content="http://www.systemlead.com/img/fb-pic1.jpg"/>
<meta property="og:site_name" content="網站名稱" />