HTML常用头标签

meta

<meta>标签提供了 HTML 文档的元数据(metadate)。元数据不会显示在客户端，而是被浏览器解析。 meta元素通常用于指定网页的描述，关键词，的文件的最后修改，作者，和其他元数据。 元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用。

<meta>标签通常位于<head>区域内,有如下几个属性；

charset-定义文档字符编码，常用值为utf-8 http-equiv-提供了名称/值对中的名称，并指示服务器把名称/值对添加到发送给浏览器的MIME文档头部 name-提供了名称/值对中的名称，通常情况下可自定义对自己和源文档的读者来说富有意义的名称，常用值有keywords``description等 content-定义与http+equiv或name属性相关的元信息，即名称/值对中的值 scheme-定义用于翻译content属性值的格式，html5中已删除此属性

使用http-equiv属性，服务器将把名称/值对添加到发送给浏览器的内容头部，例如：

	<meta http-equiv="charset" content="iso-8859-1">
	<meta http-equiv="expires" content="31 Dec 2008">

浏览器头部就应包含：

	content-type: text/html
	charset:iso-8859-1
	expires:31 Dec 2008

所有服务器都至少要发送一个：content-type:text/html，这将告诉浏览器准备接受一个 HTML 文档。

其它实例：

	//定义文档关键词，用于搜索引擎
	<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
	//每30秒刷新页面
	<meta http-equiv="refresh" content="30">
	//声明文档使用的字符编码
	<meta charset='utf-8'>

还有一种lang属性写法：

	//简体中文
	<html lang="zh-cmn-Hans">
	//繁体中文
	<html lang="zh-cmn-Hant">
	//英文
	<html lang="en">

lang属性的取值应该遵循 BCP 47 - Tags for Identifying Languages

详见知乎回答http://zhi.hu/XyIa

另外，meta的巧妙使用可以对网站SEO优化，相关的常用name值有description``keywords``author``robots等。

	//页面描述
	<meta name="description" content="不超过150个字符" />
	//页面关键字
	<meta name="keywords" content=""/>
	//网页作者
	<meta name="author" content="name, [email protected]" />

robots定义网页搜索引擎索引方式,对应content是一组使用英文逗号分割的值，通常有如下几种取值：none``noindex``nofollow``all``cache``nocache``index``follow等。

	<meta name="robots" content="index,follow" />

相关链接 MSDN文档-搜索引擎优化 pMSDN文档-

mete还可以通过name属性的msapplication-TileColor``msapplication-TileImage两个值设置win8磁贴相关样式

	//磁贴颜色
	<meta name="msapplication-TileColor" content="#000"/>
	//磁贴图标
	<meta name="msapplication-TileImage" content="icon.png"/>

link标签最常见的用途是链接样式表

	<link rel="stylesheet" type="text/css" href="style.css">

link比较常用的属性有rel``href``type：rel属性是必须的，规定当前文档与被链接文档/资源之间的关系，属性较多，详见底下相关链接；href 属性规定外部资源（通常是样式表文件）的位置（URL）；type 属性规定被链接文档/资源的 MIME 类型，只有设置了href属性时才能使用此属性。

相关链接： HTML 标签的 rel 属性 IANA MIME类型

两个实例：

	//添加RSS订阅
	<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
	//添加favicon icon
	<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
comments powered by Disqus