WEB学习笔记9-添加必要的<meta>标签
<meta>标签放置在HTML页面的head中，主要用于标示网站。其中主要包含网站的一些描述信息，如简介，作者等。这些信息有助于搜索引擎更准确地识别网页的内容，也有助于第三方工具抓取网站基本信息。
<meta>元素有4个属性:
name:页面文档的元信息
HTTP-equiv:设置HTTP请求指令
content
charset:页面字符编码
按照属性设置分类，<meta>分为三类：
(1)name属性和content属性组合。构成名称/值对，用于描述网站信息。标准的<meta>名称包括：application-name、author、description、generator等，使用最广泛的是keyword和description。
<!-页面关键字->
<meta name="keyword",content="british,typeface,font,fonts"/>
（2）http-equiv属性和content属性结合，设置特定的HTTP指令，根据W3C指定的HTML5规范，指令型meta总共有5种，其中content-type，default-style和refresh已经确定，content-language和set-cookie还未正式确定。
<!--页面加载5分钟后刷新-->
<meta http-equiv="refresh" content="300"/>--不推荐使用<meta http-equiv="refresh" >，某些搜索引擎遇到此meta时会停止解析页面剩余部分。<meta http-equiv="default-style" >在实际场景中很少使用。
（3）charset属性，设置页面字符编码，此属性功能单一，提供了一种保存和传输文档的编码格式。
<!--声明文档格式为UFT-8格式-->
<meta charset="UFT-8">
<meta http-equiv="content-Type" content='Type=text/html;charset=uft-8'>
为了让浏览器能准确的识别编码格式，务必在<title>标签之前设置charset，保证标题能正确显示。
<head>
<meta charset="uft-8">
<title>My Home Page</title>
</head>
常用的meta类型：
1.设置IE浏览器的兼容模式：
<meta http-equiv="X-UA-Compatible" content="IE=8"/>根据规范，浏览器是按照页面的开头的文档类型来解析页面的，例如：使用HTML5的文档类型声明：<!DOCTYPE html>
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>设置chrome=1时，则会在IE9及以下浏览器中激活chrome frame，强制IE使用chrome frame渲染页面。
2.设置页面在移动设备中的显示
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/>
3.设置IE浏览器的“固定网站”功能
<meta name="msapplication-task" content="name="新鲜事";action-uri=http://www.renren.com/home;icon-uri=http://a.xning.cn/n/res/icons/newsfeed.ico"/>
<meta name="msApplication-ID" content="APP"/>
<meta name="msApplication-PackageFamilyName" content="57722RenRenpreview.RenrenHD_fknrsfzcaljw"/>
