html meta标签以及实现页面跳转

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

<! DOCTYPE html> < html lang="enuix"> < head >      <!-- 编码 -->      < meta charset="UTF-8">        <!-- 头部放置的跳转代码-->      < meta http-equiv="Refresh" content="3 url=http://pan.baidu.com">        <!-- 关键字 -->      < meta name="keywords" content="html,code">        <!-- 描述 -->      < meta name="description" content="测试站点">        <!-- IE浏览器指定文件兼容性模式 X-UA-Compatible -->      < meta http-equiv="X-UA-Compatible" content="IE=EnulateIE7"/>            < title >测试</ title > </ head > < body >      < a href="http://www.baidu.com">百度</ a > </ body > </ html >

http-equiv就是在HTTP头部指定了一些服务器返回给浏览器的有用信息

属性	值	作用
http-equiv	content-type	设置页面的字符集	＜meta http-equiv="content-Type" content="text/html; charset=utf-8"＞ html5页面的做法是直接使用<meta charset="utf-8"/>
	expires	设置页面的过期时间	＜meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"＞
	refresh	自动刷新到新页面	＜meta http-equiv="Refresh" content="2；URL=http://www.net.cn/"＞ //2代表页面停留多长时间后跳转都后面的网址上
	set-cookie	如果cookie过期，则自动删除本地cookie	＜meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/"＞
	pragma	禁止浏览器从本地调用缓存	＜meta http-equiv="Pragma" content="no-cache"＞
	window-target	强制页面在浏览器窗口独立显示	＜meta http-equiv="Window-target" content="_top"＞
	page_enter, page_exit	设定进入页面和退出页面的效果	<meta http-equiv="Page-Exit"    contect="revealTrans(duration=1.0,transtion= 12)">
	cache-control	清除缓存	<meta http-equiv="cache-control" content="no-cache">

name把content的内容关联到一个名称上，html和xhtml都没有执行固定的name值，可以自由使用对自己和源文档的读者来说富有意义的名称

属性	值	作用	实例
name	author	指定页面的所有者	<meta name="author" content="James Bond"/>
	description	页面描述，用于搜索引擎收录	<meta name="description" content="中国设计网是中国起步最早的设计门户网站，设计师的网上家园"/>
	keywords	页面关键词，用于被搜索引擎收录	<meta name="keywords" content="设计, 师妹"/>
	generator	用于说明网站制作生成工具	<meta name="generator" content="Microsoft"/>
	revised	网页文档的修改时间	<meta name="revised" content="设计网, 6/24/2015"/>
	viewport	用于控制页面缩放	<meta name=”viewport” content=”width=240, height=320, user-scalable=yes, initial-scale=2.5, maximum-scale=5.0, minimun-scale=1.0”> //width指定页面的可视宽度, 像素值或device-width, initial-scale设置页面初始化时的缩放比例,user-scalable指定是否可以缩放可视区域, maximum-scale, minimun-scale页面最大最小缩放比例。 如果想要页面在不同的设备都按照页面的设计尺寸缩放（那些宽度固定的网站）就不要使用viewport属性
	copyright	网页版权信息	<meta name="copyright" name="Copyright 2015 Ironside"/>
	renderer	使用哪种模式显示网页	<meta name="renderer" content="webkit|ie-comp|ie-stand"> webkit标示使用webkit内核打开页面, ie-comp 使用IE兼容模式打开,