`
xitong
  • 浏览: 6158036 次
文章分类
社区版块
存档分类
最新评论

HTML文档中小meta的大作用

 
阅读更多

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

name 属性
1、<meta name="Generator" content="">用以说明生成工具(如Microsoft FrontPage 4.0)等;
2、<meta name="KeyWords" content="">向搜索引擎说明你的网页的关键词;
3、<meta name="Description" content="">告诉搜索引擎你的站点的主要内容;
4、<meta name="Author" content="你的姓名">告诉搜索引擎你的站点的制作的作者;
5、<meta name="Robots" content="all|none|index|noindex|follow|nofollow">

其中的属性说明如下:
设定为all:文件将被检索,且页面上的链接可以被查询;
设定为none:文件将不被检索,且页面上的链接不可以被查询;
设定为index:文件将被检索;
设定为follow:页面上的链接可以被查询;
设定为noindex:文件将不被检索,但页面上的链接可以被查询;
设定为nofollow:文件将不被检索,页面上的链接可以被查询。

http-equiv属性
1、<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等字符集;


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


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


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


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


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


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


8、<meta http-equiv="Page-Enter" content="revealTrans(duration=10,transtion=50)">

<meta http-equiv="Page-Exit" content="revealTrans(duration=20,transtion=6)">

设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。

分享到:
评论

相关推荐

    html5中meta的各种用法

    html5中<meta>标签的各种使用方法

    ( javascript中meta的功能

    meta是用来在HTML文档中模拟HTTP协议的响应头报文。 meta 标签用于网页的与中,meta 标签的用处很多。

    批量改变HTML文件的meta信息中的编码方式

    有的时候html文件的编码方式与meta信息中指定的编码方式不同,可以通过这段代码搞一下。 此程序依赖jsoup和commons-io包 压缩包里都有,资料收集于网上,分享一下……

    Meta标签详解

     META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的标记和标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者...

    网页优化meta标签使用方法及规则中文WORD版

    meta是html语言head中的一个辅助标签,meta标签由http-equlv属性和name属性组成,属性不同参数不同,它的表现形式自然也不同。希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看  资源太大,传...

    html中meta标签及用法详解

    Html中meta标签 一、meta标签 含义  <meta> 元素 可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。  <meta> 标签位于文档的头部,不包含任何内容。  <...

    meta标签详解(meta标签的作用)

    您的个人网站即使做得再精彩...META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的标记和 标题 <<标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用

    HTML meta的大作用

    meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的与中,meta 标签的用处很多。

    html文件head内部标记浅析(meta,link,base,body)

    文档片段。... META标记用于描述不包含在标准HTML里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用META开发出许多实用的功能,又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法:

    javascript实现限制上传文件大小

     项目中经常用到需要上传文件、照片等功能,同时需要限制所上传文件的大小。很多插件都会采用后台请求验证,前端Js校验比较少。本篇介绍一个前端JS便捷判断上传文件大小的方法。 这个是比较好的 <html> <...

    关于html中meta的作用(网上搜集整理得来)

    meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 <meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值...

    HTML5中meta属性的使用方法

    meta属性在HTML中占据了很重要的位置。如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等。虽然一些网页可能没有使用meta,但是作为正规军,我们还是有必要了解一些meta的属性,并且能够熟练使用它们。 1、...

    微信小程序实现上传word、txt、Excel、PPT等文件功能

    4.在微信小程序创建一个页面,里面使用web-view达到上传文件的目的; 效果图: 具体实现: 1. 在小程序后台配置业务域名 2. 在服务器写一个html,实现表单上传文件 index.html文件 <!DOCTYPE html> <...

    HTML常用meta大全(推荐)

    Meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标记和title标记之间,它提供用户不可见的信息。 Meta : 即 元数据(Metadata)是数据的数据信息。 元数据可以被使用浏览器(如何显示内容或...

    前端基础-HTML(meta标签)

    这种情况就是乱码,是因为我们输入的中文,往计算机中保存的时候,最终都要转成2进制的数据形式,也就是说有一个编码的过程,在保存文件的时候默认使用的是ANSI编码格式,浏览器显示文件中内容的时候,还需要将2进制...

    Html教程--HTML文档的详细的基础知识

    目标 描述互联网 描述 HTML 编写简单的 HTML 文档 在 HTML 文档中使用超链接 使用 <META> 标记 在 HTML 文档中使用特殊字符

    HTML5各种头部meta标签的功能(推荐)

    DOCTYPE html> H5标准声明,使用 HTML5 doctype,不区分大小写 <head lang=”en”> 标准的 lang 属性写法 <meta charset=’utf-8′> 声明文档使用的字符编码 <meta http-equiv=”X-UA-Compatible”...

    HTML5+FLASH+php+文件上传

    分片与并发结合 将一个大文件分割成多块 并发上传 极大地提高大文件的上传速度 当网络问题导致传输错误时 只需要重传出错分片 而不是整个文件 另外分片传输能够更加实时的跟踪上传进度 预览 压缩 支持常用图片...

    html中的meta标记简单对照

    meta标记用于定义文件信息,对网页文件进行说明,便于搜索引擎查找。放置于<head></head>之间 设置关键字: <meta name=”keywords” content=”value”>多个关键字内容之间可以用“,”分隔 ...

    HTML的meta标签常见用法集锦

    几乎所有的网页里,我们都能看到meta标签,不过浏览器的显示页面中是看不到的,也许你认为这些代码可有可无。其实meta标签很重要,会给你的网站带来实际的效果,例如网站描述()会在搜索引擎的索引中得到体现. 例如使用...

Global site tag (gtag.js) - Google Analytics