meta tag
一、meta tag
通常head tag裡面都會包含著meta tag。
如果http-equiv屬性有被定義時，則content屬性一定要被定義。
html5已經支援新的charset屬性，例如在html4.01時，
<meta http-equiv="content-type" content="text/html; charset=UTF-8">，
但在HTML5則只要變成 <meta charset="UTF-8">即可。
meta所提供的屬性有charset、content、http-equiv、name。
1、charset
現在於html5，如果網頁要使用utf-8編碼時，可以直接設定 <meta charset="UTF-8">即可
2、content
當http-equiv或name屬性有被定義時，則會使用content描述其內容，例如
<head> <meta name="description" content="Free Web tutorials"> <meta name="keywords" content="HTML,CSS,XML,JavaScript"> </head>
3、http-equiv
http-equiv屬性是用來模擬http response header，
http-equiv的屬性值可為content-type、default-style、refresh
(1)、content-type
可用來指定網頁如何編碼，如
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
(2)、default-style
用來指定網頁一開始在讀取時所要使用哪一種CSS樣式，如
<meta http-equiv="Default-Style" content="Blue Style" /> <link rel="stylesheet" href="/styles/red.css" type="text/css" title="Red Style" /> <link rel="alternate stylesheet" href="/styles/green.css" type="text/css" title="Green Style" /> <link rel="alternate stylesheet" href="/styles/blue.css" type="text/css" title="Blue Style" />
(3)、refresh
可用來指定網頁要多久刷新一次，如
<meta http-equiv="refresh" content="300">
另一例子為設定10秒後導向google
<meta http-equiv="refresh" content="10; url=http://www.google.com.tw/">
4、name
如果http-equiv屬性有被定義的話，則name屬性不會被使用。
name屬性是用來放置網頁的「描述資料」，常用的屬性值為author、description、keywords、
application-name、generator...等等。例如：
<head> <meta name="author" content="brookes"> <meta name="description" content="brookes page"> <meta name="keywords" content="brookes,html,css,asp.NET,c#"> <meta name="copyright" content="brookes"> </head>
參考資料：