html入门之meta

定义和用法<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

meta是html中的元标签，其中包含了对应html的相关信息，客户端浏览器或服务器端的程序会根据这些信息进行处理。

HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。

content（内容类型）：重要！！告诉浏览器这个网页的格式是文本的还是网页的模式。

charset（编码）：特别重要！！！这个网页的编码是utf-8，中文编码，

需要注意的是这个是网页内容的编码，而不是文件本身的，其他类型的编码中文可能会出现乱码。

使用带有 http-equiv 属性的 <meta> 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。例如，添加：

<meta [code]http-equiv="charset"

content="iso-8859-1"><meta

http-equiv="expires"

content="31 Dec 2008">[/code]

这样发送到浏览器的头部就应该包含：

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

下面是部分mata的含义：

<meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><!--#以上代码告诉IE浏览器，IE8/9都会以IE8引擎来渲染页面。--><meta name="viewport" content="width=device-width, initial-scale=1"><!--width=device-width :设置layout viewport 的宽度，为一个正整数，使用字符串”width-device”表示设备宽度initial-scale=1 :设置页面的初始缩放值，为一个数字，可以带小数--><meta name="description" content="Free HTML5 Website Template by FreeHTML5.co" /><!--description : 是网页的描述，是给搜索引擎看的，用来告诉搜索引擎你的网站主要内容 , 搜索引擎根据这个描述进行收录排名--><meta name="keywords" content="free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" /><!-- keywords : 为搜索引擎提供的关键字列表 --><meta name="author" content="FreeHTML5.co" /><!-- author ：属性值是用来定义网页的作者 --><!-- Facebook and Twitter integrationog标签式表示的是facebook的The Open Graph protocol，即开放图谱协议，一般是用于方便分享到facebook用的，不过在国内没什么意义。--><meta property="og:title" content=""/><meta property="og:image" content=""/><meta property="og:url" content=""/><meta property="og:site_name" content=""/><meta property="og:description" content=""/><meta name="twitter:title" content="" /><meta name="twitter:image" content="" /><meta name="twitter:url" content="" /><meta name="twitter:card" content="" />想要深入了解html，可以参考W3C官网：http://www.w3school.com.cn/tags/tag_meta.asp#meta_prop_name