meta是用来在HTML文档中模拟HTTP协议的响应头报文。
meta主要为分HTTP标头信息(HTTP-EQUIV)和页面描述信息(NAME)标头信息包括文档类型、字符集、语言等浏览器正确显示网页的信息及处理动作；网页描述如内容的关键字、摘要、作者和定义robots行为等，为搜索引擎索引提供信息。

meta 标签用于网页的<head>与</head>中，meta 标签的用处很多。meta 属性有两种：name和http- equiv。
　　name:将content属性与一个名字连接，当请求此名字的数据时，将发送content属性的值
　　content:根据http-equiv或name的不同属性值提供相应的值
　　lang:指定此meta标记的语言

meta标签的name属性语法格式是：＜meta name="参数" content="具体的参数值"＞

meat标签的http-equiv属性语法格式是：＜meta http-equiv="参数" content="参数变量值"＞ ；

　　其中http-equiv属性主要有以下几种参数：http-equiv属性　　http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。　　

<meta http-equiv="Content-Type" Content="text/html; Charset=utf-8" />

说明网页类型和字符编码信息，W3C建议使用并放在head区的最上面。这是随http头部发送属性值（当然现在的服务器一般不发送）或者由客户端读取。尽管在XHTML标准文档声明部分包含了这些内容，但W3C也建议在meta中设置，以更好的兼容一些浏览器和搜索引擎。

<meta http-equiv="Content-Language" Content="zh-CN" />

说明文档的国字语言代码。在XHTML中，可以在<html>的xml:lang和lang属性中设置，因此可以不使用.

<meta name="Generator" Content="PCDATA|FrontPage" />

用以说明生成工具（如Microsoft FrontPage 4.0）等；

<meta http-equiv="Refresh" Content="5; Url=http://www.cnblogs.com/rsky/p/4815777.html" />

网页5秒后自动转向到url网址。谨慎使用跳转，否则可能会被搜索引擎认为作弊，不利于网站优化。如果使用meta跳转，时间最好大于10秒。

<meta http-equiv="Expires" Content="sat, 26 Feb 1999 06:11:57 GMT" />

指定网页在缓存中的过期时间。注意：必须使用GMT的时间格式或直接设为0

<meta http-equiv="Pragma" Content="No-cach" />

禁止浏览器从本地机的缓存中调阅页面内容

<meta name="Keywords" Content="word1,word2..." />

描述此文档内容的关键词，宜选用稍冷的组合词，六组左右;SE对keyword比较敏感，作用不是很大，如果堆积关键词或名不符实，则可能会被搜索引擎惩罚，所以宁缺勿滥。

<meta name="Description" CONTENT="demo" />

告诉搜索引擎你的站点的主要内容；

<meta name="Author" Content="xx" />

告诉搜索引擎你的站点的制作的作者；

<meta name="Copyright" Content="本页版权归XX所有。All Rights Reserved" />

告诉搜索引擎本页版权归XXXX所有

<meta name="Robots"Content="All|None|Index|Noindex|Follow|Nofollow" />

许多搜索引擎都通过放出robot/spider搜索来登录网站，这些robot/spider就要用到meta元素的一些特性来决定怎样登录，当然有的SE不支持这个属性。Robots用来告诉搜索机器人哪些页面需要索引，是否跟踪链接。Content的参数有all、none、index、 noindex、follow、nofollow。默认是all。

all：文件将被检索，且页面上的链接可以被查询；

none：文件将不被检索，且页面上的链接不可以被查询；(和 "noindex, nofollow" 起相同作用)

index：文件将被检索；（让robot/spider登录）

follow：页面上的链接可以被查询；

noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录)

nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下抓取)

meta robots可以逐页控制对网站的访问，还可在robots.txt文件中声明URL，控制spider对它们的抓取。

<meta http-equiv="set-cookie" contect="Mon,12 May 2015 00:20:00 GMT">
cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；

<meta http-equiv="Pics-label" contect=""/>
网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是逼过meta属性来设置的；

<meta http-equiv="windows-Target" contect="_top">

强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；

<meta name="Kyewords" Lang="en" Content="vacation,greece,sunshine" />

<meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil" />

当数个META元素提供文档语言信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。

<meta http-equiv="Page-Exit" content="revealTrans(duration=５.０, transition=２０)">

<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)">设定进入和离开页面时的特殊效果，这个功能即FrontPage中的“格式/网页过渡”，不过所加的页面不能够是一个frame页面。

head中一些其他的标签

<meta scheme="ISBN" name="identifier" content="0-14-043205-1" />

网页内容标识

<Link href="favor.ico" rel="Shortcut Icon"/>　　

指定收藏小图标，保存在收件夹中后，会发现它连带着一个小图标

<link href="URL" rel="relationship"/>　　

<link href="URL" rev="relationship"/>

用来将目前文件与其它 URL 作连结，但不会有连结按钮

　　

<base href="http://www.cnblogs.com/" target="_blank"/>　　

插入网页基链接属性

注意：你网页上的所有相对路径在链接时都将在前面加上“www.cnblogs.com”。其中target="_blank"是链接文件在新的窗口中打开，你可以做其他设置。将“_blank”改为“_parent”是链接文件将在当前窗口的父级窗口中打开；改为“_self”链接文件在当前窗口（帧）中打开；改为“_top”链接文件全屏显示。　　

<meta http-equiv="imagetoolbar" content="false" />

指定是否显示图片工具栏，当为false代表不显示，当为true代表显示。　

　　

<meta http-equiv="Content-Script-Type" Content="text/javascript">

W3C网页规范，指明页面中脚本的类型,默认JavaScript

<meta name="revisit-after" CONTENT="5 days" />　　

revisit-after代表网站重访,7 days代表5天，依此类推。　

<meta http-equiv="X-UA-Compatible" content="IE=7">

以上代码告诉IE浏览器，无论是否用DTD声明文档标准，IE8/9都会以IE7引擎来渲染页面。

<meta http-equiv="X-UA-Compatible" content="IE=8">

以上代码告诉IE浏览器，IE8/9都会以IE8引擎来渲染页面。

<meta http-equiv="X-UA-Compatible" content="IE=edge">

以上代码告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面。　

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

以上代码IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame.

<meta content="webkit" name="renderer">

360会采用极速模式渲染页面，改用webkit内核渲染

缓存控制

<meta http-equiv="Cache-Control" content="no-cache"/>

<meta http-equiv="Cache-Control" content="max-age=300"/>

下面这行:

<meta http-equiv="Cache-Control" content="max-age=0"/>

与下面一行有相同的效果:

<meta http-equiv="Cache-Control" content="no-cache"/> 某些 WAP 浏览器不支持用 <meta/>

标签来控制缓存, 但它们确实知道 HTTP 头 "Cache-Control: no-cache" 的意思. 这种情况下, 解决方案是在服务器端的 HTTP 响应中设置 HTTP 头.

webkit内核中一些私有的meta标签

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">

强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；

<meta content="yes" name="apple-mobile-web-app-capable">

iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览

<meta content="black" name="apple-mobile-web-app-status-bar-style">

iphone的私有标签，它指定的iphone中safari顶端的状态条的样式

<meta content="telephone=no" name="format-detection">

告诉设备忽略将页面中的数字识别为电话号码

<meta content="email=no" name="format-detection" />

告诉设备忽略将页面中的数字识别为邮箱地址

meta 标签常用的属性就这么多，一个页面最好有的如Content-Type，Keywords，Description，其它根据需要常用的有Robots,Refresh，Window-target。

HTML meta标签的用法及head中的一些常用标签的更多相关文章

  1. HTML中那些不常用标签

    先思考一个问题:为什么H5里面又多了那么多看似没用的标签? 我们知道,<div>能干百分之99的标签能干的事,而标签的主要作用是用来包裹内容,只要把基本内容都包含进去不就好了??胡闹!不带 ...

  2. HTML中body内常用标签

    基本标签 <b>加粗</b> <i>斜体</i> <u>下划线</u> <s>删除<s/> <p& ...

  3. unity中 TextMeshPro 的常用标签

    这个第二和第三个写反了. 例子10中的123标签需要用到另一个字体,详情看 TextMeshPro 的官方示例10.

  4. 范仁义html+css课程---2、html常用标签

    范仁义html+css课程---2.html常用标签 一.总结 一句话总结: html常用的标签有 标题标签.div.span.p.hr.br标签 等 1.html中的标题标签有哪些? <h1& ...

  5. 01: html常用标签

    目录: 1.1 web开发的三把利器介绍 1.2 网页头部head标签中几个常用标签 1.3 html常用标签归类 1.4 input系列标签 1.5 HTML其他标签 1.1 web开发的三把利器介 ...

  6. Day 29：HTML常用标签

    软件的结构:  cs结构的软件的缺点:更新的时候需要用户下载更新包然后再安装,需要开发客户端与服务端.  cs结构软件的优点: 减轻服务端的压力,而且可以大量保存数据在客户端.  C/S(Client ...

  7. 04- HTML常用标签

    HTML标签分类 通过上节博客我们知道了网页的组成:文字 图片 连接 视频 音频.在HTML页面中,带有"< >"符号的元素被称为HTML标签,如上面提到的 <H ...

  8. 关于HTML的常用标签

    目录 前言 html常用标签 排版标签 图像标签 链接标签 注释标签 预格式化文本pre标签&特殊字符 语义化标签 前言 本文主要是对html的常用标签一个总结归纳,对所学的内容做一个查漏补缺 ...

  9. Thinkphp中的内置标签用法

    Thinkphp中的内置标签有:Volist,Foreach,For,Switch,比较标签,范围判断标签,IF,Present,Empty,Defined,Assign,Define,标签嵌套,im ...

随机推荐

  1. Python成长之路第一篇（2）-初识列表和元组

    可以将列表和元组当成普通的“数组”,他能保存任意数量任意类型的Python对象,和数组一样都是通过数字0索引访问元素,列表和元组可以存储不同类型的对象,列表和元组有几处重要区别.列表元素用([])包括 ...

  2. python 自学笔记（四） 列表

    有几天没有更新博客了,毕竟是自学,最近事情确实比较多,有时候想学的时候反而没时间,到有时间的时候反而不想学.以后得想办法改掉这个缺点,只要有时间就要学习自己想学的东西,希望自学的同学能和我共同交流,其 ...

  3. 开源代码——Crouton

    开源代码——Crouton 一个可随意定位置的带色Toast——开源代码Crouton的简单使用   今天在公司要求的代码中,要求显示的提示能够更加具有多样化,而不是简单的Toast字样,第一想法肯定 ...

  4. Delphi下获取IE的UserAgent的方法

    方法一:使用SHDocVw, MSHtml单元提供的一些方法利用浏览器的特性来获取. uses SHDocVw, MSHtml; function GetUserAgent: string;var   ...

  5. xlslib库使用简记

    xlslib库使用简记 1 前言 最近需要使用C++结合xlslib库来生成Excel文件,但发现这个库的文档还真难找,找来找去发现唯一的线索是有一个test/目录里面的几个例子而已. 想到以后要不断 ...

  6. CSS左中右布局，规范案例

    html部分 <body> <form id="form1" runat="server"> <div id="wrap ...

  7. 谷歌page speed 安装使用及页面问题详解

    原文地址:http://wenku.baidu.com/view/b0a61f3ebcd126fff7050b40.html 谷歌page speed 安装使用及页面问题详解 谷歌page speed ...

  8. C#反射概念以及实例详解【转】

    2009-08-28 13:12 佚名 互联网 我要评论(1) 字号:T | T C#反射概念以及实例向你介绍了C#反射的基本内容以及C#反射实例的简单应用,希望对你了解和学习C#反射以及C#反射实例 ...

  9. C#学习基础总结

    概念:.net与c#.net/dontnet:一般指.net framework框架,一种平台,一种技术c#(charp):一种编程语言,可以开发基于.net的应用. *java既是一种技术又是一种编 ...

  10. JS前端知识模块大全

    公司前端:小胖提供,表示感谢 1. 基础 HTML, CSS, JS 文档 W3CSCHOOL: http://www.w3schools.com/ MDN: https://developer.mo ...