笔记day01-meta的作用

html学习的时间真是太久了，从高中就开始使用记事本来编辑网页了，但是现在想想，自己的水平太菜了，制作出来的网页也水的不行，哎，现在重新拾取一下吧，反正也不难~~

一、先了解一下

可是刚开始写，就遇到小问题了，以前一直不在意的meta标签，现在看着真是别扭，今天就记录一下meta的使用吧

我们常用的meta标签大致是这样写的

＜meta http-equiv="content-Type" content="text/html;charset=utf-8"＞

这行代码的作用以前没有深究过，其实意思很简单：

* http-equiv指的是告诉这个页面要做解析使用字符集这件事了
* content告诉页面是html文件，charset告诉页面编码是utf-8格
  式，网页解析器必须支持UTF-8,UTF16的(Unicode)统一编码
  当然这里可以用"GB2312"或者"GBK"这写都是解决中文乱码问题

ok，这个代码是告诉浏览器，本网页是这样要求的，下方其实还可以加入作者呀，描述呀，编辑本网页的工具呀什么的，下方我粘一个w3School的代码来，大家瞅一瞅

  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
  <meta name="author" content="w3school.com.cn">
  <meta name="revised" content="David Yang,8/1/07">
  <meta name="generator" content="Dreamweaver 8.0en">
  </head>
  <body>
  <p>本文档的 meta 属性标识了创作者和编辑软件。</p>
  </body>
  </html>

可见上方设置了本网页的编码是“gb2312”，如果浏览器设置的是“utf-8”的编码，那么就会出现乱码，原因是网页和浏览器编码不一致导致

二、meta的一些其他的小功能

当然，除了这些类似注释性的功能，meta还有一些实质性的用途，比如meta可以控制浏览器怎样显示内容或重新加载页面，设置搜索引擎（即搜索关键词）等其他web的一些功能

下边列举一二

刷新功能

<meta http-equiv="Refresh" content="n;url">
n -- 隔n秒钟
url -- 转此地址

例如:
<meta http-equiv="refresh" content="5;url=http://www.baidu.com">
300秒钟后转到baidu网页，上方的例子是没有写url，即表示刷新自己页面。

设置网页过期时间

expires

说明：指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅。

看例子：

<meta http-equiv="expires" content="31 Dec 2008 08:21:57 GMT”>

注意：必须使用GMT的时间格式，或直接设为0(数字表示多少时间后过期)。
这行代码即表示：该网页的过期时间为2008年12月31日08点21分57秒过期。

设置网页不可脱机浏览

Pragma (cach模式)
说明：禁止浏览器从本地机的缓存中调阅页面内容。
用法：

<meta http-equiv=”Pragma” Content=”No-cach”>

注意：网页不保存在缓存中，每次访问都刷新页面。这样设定，访问者将无法脱机浏览。

ok，其实还有其他的一些设定也是挺好用的，大家直接百度或者谷歌即可，这先列出来

Set-Cookie (cookie设定)

说明：浏览器访问某个页面时会将它存在缓存中，下次再次访问时就可从缓存中读取，以提高速度。当你希望访问者每次都刷新你广告的图标，或每次都刷新你的计数器，就要禁用缓存了。通常HTML文件没有必要禁用缓存，对于jsp等页面，就可以使用禁用缓存，因为每次看到的页面都是在服务器动态生成的，缓存就失去意义。如果网页过期，那么存盘的cookie将被删除。
用法：

<meta http-equiv=”Set-Cookie” Content=”cookievalue=xxx;expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/”>

Window-target (显示窗口的设定)

说明：强制页面在当前窗口以独立页面显示。
用法：

  <meta http-equiv=”Widow-target” Content=”_top”>

注意：这个属性是用来防止别人在框架里调用你的页面。Content选项：_blank、_top、_self、_parent。