HTTP-meta标签

meta

标签是记录有关当前页面的信息（如字符编码、作者、版权信息或关键字）的 etahead元素。这些标签也可以用来向服务器提供信息，如页面的失效日期、刷新间隔和 PICS 等级。（PICS 是 Internet 内容选择平台，它提供了向 Web 页分配等级（如电影等级）的方法。）

属性指定

Meta标签是否包含有关页面的描述性信息 (name) 或 HTTP 标题信息 (http-equiv)。值指定您在该标签中提供的信息类型。有些值（如 description、keywords和refresh）是已经定义好的，而且在 Dreamweaver 中有它们各自的属性检查器，但是您可以根据实际情况指定任何值，例如 creationdate、documentID或 level等。

内容是实际的信息。例如，如果为“值”指定了等级，则可以为“内容”指定 beginner、intermediate或 advanced。

 

Content-Type
设定页面使用的字符集，用以说明主页制作所使用的文字已及语言，浏览器会根据此来调用相应的字符集显示page内容。

text-xml
设定的文档类型为text/xml。

charset
设置语系。Charset选项：ISO- 8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集

Meta是用来在HTML文档中模拟HTTP 协议的响应头报文，用于网页的<head>与</head>中，其属性有两种：name和http-equiv。name属性主 要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网 页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。比较 常用的有以下几个：

　　name 属性

　　<meta content="">用以说明生成工具（如Microsoft FrontPage 4.0）等；

　　<meta content="">向搜索引擎说明你的网页的关键词；

　　<meta content="">告诉搜索引擎你的站点的主要内容；

　　<meta content="你的姓名">告诉搜索引擎你的站点的制作的作者；

　　<meta content="all|none|index|noindex|follow|nofollow">其中的属性说明如下：

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

　　设定为none：文件将不被检索，且页面上的链接不可以被查询；

　　设定为index：文件将被检索；

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

　　设定为noindex：文件将不被检索，但页面上的链接可以被查询；

　　设定为nofollow：文件将不被检索，页面上的链接可以被查询。

　　http-equiv属性

　　<meta http-equiv="Content-Type" content="text/html";charset=gb_2312-80">

　　和

　　<meta http-equiv="Content-Language" content="zh-CN">用以说明主页制作所使用的文字以及语言；又如英文是ISO-8859-1字符集，还有BIG5、utf-8、 shift-Jis、Euc、Koi8-2等字符集；

　　<meta http-equiv="Refresh" content="n;url=http://yourlink" >定时让网页在指定的时间n内，跳转到页面http;//yourlink；

　　<meta http-equiv="Expires" content="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式；

　　<meta http-equiv="Pragma" content="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；

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

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

　　<meta http-equiv="windows-Target" content="_top">强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；

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

转载于:https://www.cnblogs.com/xiaolingdang/archive/2012/03/29/meta.html

HTTP-meta标签相关推荐

  1. SEO优化之meta标签

    2019独角兽企业重金招聘Python工程师标准>>> meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题.一方面不是很了解meta标签的用途,另一方面是对于meta标签里 ...

  2. 【建站系列教程】7、SEO优化之meta标签【最后一篇】

    [建站系列教程]7.SEO优化之meta标签[进阶] 写在前面:大家好,我是热爱编程的小泽. [建站系列教程]是我的亲身建站经历写给广大建站同胞们的教学博客. 喜欢的话点个赞吧~ 评论区欢迎交流讨论~ ...

  3. jekyll 博客对搜索引擎的SEO提升方法--head中的meta标签和Jekyll SEO Tag

    我用GitHub Pages搭建了jekyll的博客后,想要提升自己博客的SEO,尤其是对搜索引擎:百度.谷歌. head中的meta标签 说道提升SEO,必然要提到HTML中的head标签中的met ...

  4. HTML meta标签总结

    HTML meta标签总结,HTML5 head meta属性整理-前端开发博客 http://caibaojian.com/mobile-meta.html 转载于:https://www.cnbl ...

  5. html5 meta标签属性整理

    html5 meta标签属性整理 前言:不知道有没有人觉得,html的meta标签描述的头部信息特别多,有针对的SEO的头部信息,也有针对移动设备的头部信息,今日特地在网上搜集资料自己稍微对其整理一下 ...

  6. 移动平台的meta标签-----神奇的功效

    对于桌面平台web布局中大家对meta标签再熟悉不过了,它永远位于 head 元素内部,对做SEO的朋友一定对meta有种特殊的感情吧,今天我们就来说说移动平台的meta标签,在移动平台meta标签究 ...

  7. 给html5标签设置手机号码格式化,meta标签name=format-detection属性写法及用法

    meta标签中name="format-detection"属性作用是在手机端浏览html网页时,用于识别电话号码.电子邮箱和地图位置的格式! 用法格式: 将代码添加到网页的 和之 ...

  8. Asp.net 后台添加CSS、JS、Meta标签

    下面是从Asp.net 后台添加CSS.JS.Meta标签的写法,我们这里写成函数方便以后使用.如果函数放在页面类中, Page参数也可以不要. 首先导入命名空间 using System.Web.U ...

  9. 你的网站添加X-UA-Compatible meta标签了吗？

    细心的朋友会发现下面的html代码中多了一个<细心的朋友会发现下面的html代码中多了一个<meta http-equiv="X-UA-Compatible" cont ...

  10. HTML meta标签总结与属性使用介绍

    转载自: https://segmentfault.com/a/1190000004279791 之前学习前端中,对meta标签的了解仅仅只是这一句. <meta charset="U ...

最新文章

  1. Win95架构师发布移动设备富媒体文档创建平台
  2. css3多行超出隐藏并打点点
  3. 动手学深度学习打卡之二。
  4. 一颗强健的“心脏”，让海银的业务系统更高效、更安全！
  5. 快速掌握mysql，可备用查找相关用法（吐血整理）
  6. Visual Studio 2019 16.3 正式发布，支持 .NET Core 3.0
  7. [css] 举例说明伪类:nth-child、:first-child与:first-of-type这三者有什么不同？
  8. gduuu 中旅 他最恨的是猎人
  9. 悉尼一船只引擎爆炸男子被迫跳水：严重烧伤被送医
  10. VBA字典对象操作技巧
  11. xcode13 找不到图片Slicing入口
  12. 中国银行风险内控与“三道防线”
  13. 2022-2028年中国农作物行业投资战略分析及发展前景研究报告
  14. Windows环境安装MySQL步骤
  15. ahk写入excel单元格_输出excel数据到GUI 获取excel所有Sheet及字段 Autohotkey
  16. ui设计为什么要切图，切图是什么意思？
  17. 数据分析师常见的十道面试题目
  18. 关于Android Framework渲染机制，你需要学习哪些？
  19. 微信小程序——弹出并隐藏键盘（带有输入框，可编辑）
  20. 弘辽科技：抖音电商，一场标准的「字节」式战役

热门文章

  1. 【论文笔记】Deep Neural Networks for Object Detection
  2. 基于LSTM的多变量多步序列预测模型实战「超详细实现说明讲解」
  3. python实现前向匹配中查找最大长度的最高重复模式的子字符串
  4. java html判断,青岛HTML5入门应怎么判断？
  5. 2021-06-22 超链接伪类
  6. kubernetes视频教程笔记 （8）-资源类型
  7. FISCO BCOS Solidity 智能合约Compiler error：Stack too deep, try removing local variables 如何传递超过16个参数变量
  8. Kubernetes 小白学习笔记（1）--基本概念1
  9. idea 页面改了 网页没_如何做出高大上的PPT？试试美得令人窒息的网页风格！
  10. 设计模式之GOF23代理模式01