html学习之路:简述html文档头部 <meta> 的 http-equiv 属性

当输入网址打开网页时,设置html头部metahttp-equiv属性,可以帮助浏览器更加精确和正常却的显示网页内容,比如设置网页多久自动刷新,设置网页在浏览器缓存中的时限,设置多少事件跳转到指定的网页地址,应对低版本浏览器的渲染兼容问题,以什么样动态的样式去打开浏览器等等等…

首先,我们得知道一张网页即html文档最基础的代码形式和作用是怎样的

一、html文档结构

DOCTYPE html>

<html lang="en">
<head>
     
	 <title>Documenttitle>
	 
    <meta charset="UTF-8">
    
	<meta name="" content="">
	
	
    <meta http-equiv="Content-Type" Content="text/html;Charset=gb2312">
   	
	<script>script>
	
	<style>style>
	
	<link/>
head>
<body>
    
body>
html>

其次,在今天的学习中,我学到了11种关于http-equiv的属性即设置这些属性的意义,总结如下,与同行和大神们共勉和分享,如有错误的地方,多多指点,本人将不甚感激并及时修正。

二、meta的http-equiv属性

1. 设定页面使用的字符集
<meta http-equiv="Content-Type" Content="text/html;Charset=gb2312">
<meta http-equiv="Content-Language" Content="zh-CN">
2. 设置页面多长后,自动刷新自己
<meta http-equiv="Refresh" Content="60" >
3. 设置页面多长时间后跳转到指定的url
   <meta http-equiv="Refresh" Content="5" Url=http://www.baidu.com>
4. 定义页面在缓存中的期限
<meta http-equiv="Expires" Content="0">
<meta http-equiv="Expires" Content="Wed,26 Feb 1997 08:21:57 GMT">

5. 禁止浏览器从本地的缓存中调阅页面内容
<Prama cach模式  -->

<!--meta http-equiv="Pragma" Content="No-each">

6. 设置cookie
<meta http-equiv="Set-Cookie" Content="cookievalue=xxx;expires=Wednesday">
7. 强制页面以独立页面显示,防止别人在iframe中调用
<meta http-equiv="Window-target" Content="_top">

8. 设置网站的限制级别
<meta http-equiv=”Pics-label” Contect=>

9. 页面载入和退出时的一些特效





  




10. 设置xp主题
<meta http-equiv=”MSThemeCompatible” Content=”Yes”>
11. 设置ie6页面生成器
<meta http-equiv=”IE6″ Content=”Generator”>


12. 设置页面中脚本的类型
<meta http-equiv="Content-Script-Type" Content="text/javascript">
13. 应对浏览器不同渲染不同的兼容问题

  
<meta http-equiv="X-UA-Compatible" content="IE=edge">

你可能感兴趣的:(html5,html,学习,前端)