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" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" content="revealTrans(duration=20,transtion=6)">设定进入和离开页面时的特殊效果,这个功能即 FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。
补充:
<meta http-equiv="pragram" content="no-cache">
禁止浏览器从本地缓存中调阅页面。
网页不保存在缓存中,每次访问都刷新页面。
<meta http-equiv="cache-control" content="no-cache, must-revalidate">
同上面意思差不多,必须重新加载页面
<meta http-equiv="expires" content="0">
网页在缓存中的过期时间为0,一旦网页过期,必须从服务器上重新订阅。
分享到:
相关推荐
在每个HTML文档中,您必须以DOCTYPE声明开头。 这将确保您网站HTML版本是最新的: <!DOCTYPE html> 字符编码: <meta charset =“ utf-8”> 网站标题: <title>学习编程</ title> 链接到...
在HTML文档中。 <!DOCTYPE html > < html > < head > < title > HJSorth example </ title > < meta charset =" UTF-8 " > < script src =" ./hjsorth.js
将embetty lib包含到HTML文档中。 使用自定义标签插入嵌入(请参见下面的嵌入部分)。 例: <!DOCTYPE html > < html lang =" en " > < head > < meta data-embetty-server =" /path/to/...
微型前端组件可以嵌入到简单HTML文档中。 下面的代码段演示了如何嵌入ProfileRegister组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="
将input.html中的所有内容复制到html文档中,并将meta.js,config.json和api.php复制到您的默认位置。 用法 < html > < head > < script type =" text/javascript " src =" ...
唯一的硬依赖性是Bootstrap 4.3.1,它需要在碎片之前包含在HTML文档中。 日期选择器和滑块控件也需要Shards JavaScript依赖项。 快速开始 如果您正在使用像webpack这样的捆绑webpack ,则应跳至“一起 。 为了同时...
您只需将jsch.js文件作为脚本资源添加到还包含以下资源的 html 文档中: 要求 Bootstrap 和 可选,但推荐 您可以添加 jsch CSS 文件以查看在您的网络浏览器上响应的验证。 例子 <!DOCTYPE html> <html> &...
注意!本仓库项目已废弃,请查看新项目,...在dist文件目录下,找到某个插件的css,js文件,然后将其发布HTML文档中,并添加插件的DOM结构: <!DOCTYPE html > < html > < head > < meta chars
在XML文档中,我们可以将每一个标识元素看作一个对象---它有自己的名称和属性。 XML创建了标识,而DOM的作用就是告诉script如何在浏览器窗口中操作和显示这些标识 上面我们已经简要的讲述了一些XML的基本原理,...
Ant提供了一些内置的属性,它能得到的系统属性的列表与Java文档中System.getPropertis()方法得到的属性一致,这些系统属性可参考sun网站的说明。 同时,Ant还提供了一些它自己的内置属性,如下: basedir:project...