文章已同步至个人Blog:Benjamin - 专注前端开发和用户体验
一、基本属性
标签常常被用来定义HTML文档的元数据或者HTTP协议的指向,这些元数据常用在SEO、HTML Pages or Apps on Mobile/Handheld Devices,该标签主要包括以下属性:
Attribute | Description |
---|---|
Name | Name for the property. Can be anything. Examples include, keywords, description, author, revised, generator etc. |
content | Specifies the property‘s value. |
scheme | Specifies a scheme to interpret the property‘s value (as declared in the content attribute). |
http-equiv | Used for http response message headers. For example http-equiv can be used to refresh the page or to set a cookie. Values include content-type, expires, refresh and set-cookie. |
二、基本的HTML Meta标签
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
|
三、OpenGraph Meta标签
为了提高站外内容的传播效率,2010年9月,在F8会议上Facebook公布了一套开放图景协议(Open Graph Protocol),任何网页只要遵守该协议,SNS就能从页面上提取最有效的信息并呈现给用户。通过Open Graph把其他社交网站建构的网络给连接起来,将创造一个更聪明、更与社交连接、更个人化也更具语意意识的网络。
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
|
四、公司/服务 Meta标签
4.1 CLAIMID
ClaimID was a website that allowed users to create unique profiles that showed personal websites, profiles at other sites, and other biographical information.
?
1 |
|
4.2 APPLE META TAGS
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
|
4.3 INTERNET EXPLORER META TAGS
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
|
4.4 TWEETMEME META TAGS
Tweetmeme跟踪Twitter上的链接,以给用户更好的体验。它使用一种常用的排序系统,以在这个微博世界里找出最热门的信息。
?
1 |
|
4.5 BLOG CATALOG META TAGS
?
1 |
|
4.6 RAILS META TAGS
?
1 2 |
|
五、创建自定义 Meta标签
Use custom meta tags to store data that you need in javascript, instead of hard-coding that data into your javascript. I store my Google Analytics code in meta tags. Here‘s some examples:
?
1 2 3 4 |
|
六、HTML Link 标签
6.1 HTML LINK TAGS
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
|
6.2 APPLE LINK TAGS
?
1 2 3 4 5 |
|
七、HTML5中的变化
The charset attribute specifies the character encoding used by the document. This is a character encoding declaration. If the attribute is present in an XML document, its value must be an ASCII case-insensitive match for the string "UTF-8" (and the document is therefore forced to use UTF-8 as its encoding).
The charset attribute on the meta element has no effect in XML documents, and is only allowed in order to facilitate migration to and from XHTML.
There must not be more than one meta element with a charset attribute per document.
八、参考链接
COMPLETE LIST OF HTML META TAGS
DCMI Dublin Core Metadata Initiative