META（Metadata information）

提供有页面的元信息 例如：页面编码、刷新、跳转、针对搜索引擎和更新频道的描述和关键词

1.另外一种编码写法
<meta http-equiv="content-type" content="text/html;charset=utf-8">

这种是简写
 <meta charset="UTF-8">
<!DOCTYPE html>

<html lang="en">

<head>

    <!-- 这种是简写

    <meta charset="UTF-8"> -->

    <!-- 这种另外一种编码写法 -->

    <meta http-equiv="content-type" content="text/html;charset=utf-8">

    <meta http-equiv="x-ua-compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Title</title>

</head>

<body>

</body>

</html>
2.刷新和跳转
默认3秒刷新一次页面
 <meta http-equiv="Refresh" Content="3">
 
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="Refresh" Content="3">

    <meta http-equiv="x-ua-compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Title</title>

</head>

<body>

</body>

</html>


默认3秒刷新一次页面，然后跳转到定义的网页


<meta http-equiv="Refresh" Content="3;Url=http://www.baidu.com">




<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="Refresh" Content="3;Url=http://www.baidu.com">

    <meta http-equiv="x-ua-compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Title</title>

</head>

<body>

</body>

</html>




3.关键词和描述




 <meta name="keywords" content="星际争霸">




<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="x-ua-compatible" content="IE=edge">

    <!-- 关键词 可以用来捉爬虫 搜索引擎用 -->

    <meta name="keywords" content="星际争霸">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Title</title>

</head>

<body>

    <a href="http://www.baidu.com">百度</a>

</body>

</html>








IE6的痛苦


现在的网站都不支持IE6


IE8 可以兼容新版本 和旧版本




让浏览器只兼容高版本


兼容IE9


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




<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="x-ua-compatible" content="IE=edge">

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

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Title</title>

</head>

<body>

    <a href="http://www.baidu.com">百度</a>

</body>

</html>






简写






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






 可以兼容多个IE版本 先写高版本在前面 后面再写低版本 因为最新的版本肯定是最好的 从大到小
如果你浏览器是IE9 用最新的IE9模式


兼容IE9 IE




<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8"/>












												


											
前端 html head meta的更多相关文章
	

    
								
  1. 移动前端常用meta标签
		
    移动前端常用meta标签 移动前端head常用meta标签 原文链接:http://caibaojian.com/mobile-meta.html //code from http://caibaoj ...
    
		
    2. 
						
  2. js实现table中前端搜索(模糊查询)
		
    项目中用到js前端搜索功能,根据 姓名或姓名 进行 搜索,实现方法如下,遍历table所有行中的某列,符合条件则置tr为display:'',不满足条件置tr为display:none. 代码如下:  ...
    
		
    3. 
						
  3. ASP.NET给前端动态添加修改 CSS样式JS 标题 关键字
		
    有很多网站读者能换自己喜欢的样式,还有一些网站想多站点共享后端代码而只动前段样式,可以采用动态替换CSS样式和JS. 如果是webform 开发,可以用下列方法: 流程是首先从数据中或者xml读取数据 ...
    
		
    4. 
						
  4. 【前端框架系列】浅谈当前基于bootstrap框架的几种主流前端框架
		
    一  概述 当新开发一个项目或产品时,技术选型是一个不可缺少的环节,在软件架构中有着举足轻重的作用,可以这么说,技术选型的好坏直接影响项目或产品的成败优劣,因此,在进行软件架构时,一定要想好技术选型. ...
    
		
    5. 
						
  5. 利用Admin-LTE项目搭建自己前端的开发框架模板
		
    1 完整版本 1.1 下载admin-lte项目源代码 github下载地址:点击前往 三少云盘地址:点击前往 1.2 查看admin-lte精简主页源代码 页面地址:点击前往 注意:由源代码可以知道 ...
    
		
    6. 
						
  6. ASP.NET给前端动态添加修改 CSS样式JS 标题 关键字（转载）
		
    原文地址:http://www.cnblogs.com/xbhp/p/6392225.html 有很多网站读者能换自己喜欢的样式,还有一些网站想多站点共享后端代码而只动前段样式,可以采用动态替换CSS ...
    
		
    7. 
						
  7. APP应用前端开发
		
    1.开发手机APP前端要重视meta标签的编写: 2.注意HTML5标签在前端开发中的使用: 3.前端制作要舍弃CSS float属性(可flex布局),用绝对定位不利于页面布局的扩展: 4.APP前 ...
    
		
    8. 
						
  8. Ajax实现聊天
		
    用Ajax发送请求,查询数据库是否有自己的数据,如果有自己的数据,就返回 前端页面 <head> <meta charset="UTF-8"> <ti ...
    
		
    9. 
						
  9. JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)
		
    这里不进行很复杂的后台验证以及JavaScript的正则表达式,只是简单的介绍下这个技术,简单的后台接收与跳转,大概了解怎么验证的就可以.具体的技术,我后面还会继续写博客的.本人也还在学习中. 表单验 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 学习 TList 类的实现[4]
			
    现在准备一步步地模拟 TList 类, 建立一个自己的 TMyList. 首先, 这个类中应该包括前面提到的那个 Pointer 数组(TPointerList)的指针(PPointerList):  ...
    
			
    2. 
						
  2. ChemDraw 16最新版本发布 更效率科研的首选
			
    ChemDraw一直是全球领先的科学绘图软件,致力于为科学家.教师以及学生提供最新的智能应用程序.ChemDraw 16版本相较于15版本做出了较大的改进,大大缩短科研时间,提高科研效率.扩展Name ...
    
			
    3. 
						
  3. 视觉SLAM之词袋（bag of words） 模型与K-means聚类算法浅析（1）
			
    在目前实际的视觉SLAM中,闭环检测多采用DBOW2模型https://github.com/dorian3d/DBoW2,而bag of words 又运用了数据挖掘的K-means聚类算法,笔者只 ...
    
			
    4. 
						
  4. Java精选笔记_JDBC
			
    JDBC 概述 什么是JDBC JDBC全称是Java数据库连接(Java Database Connectivity),应用程序可通过这套API连接到关系数据库,并使用SQL语句来完成对数据库中数据 ...
    
			
    5. 
						
  5. memset和memcpy函数、atoi函数
			
    memset void *memset(void *s,int c,size_t n) 总的作用:将已开辟内存空间 s 的首 n 个字节的值设为值 c.如下: // 1.将已开辟内存空间s的首n个字节 ...
    
			
    6. 
						
  6. Oracle分页查询sql语句
			
    1. select * from ( select  t.*, rownum RN from TABLE_NAME  t ) where RN > 0 and RN <= 15 2. se ...
    
			
    7. 
						
  7. Struts2中的OGNL详解 《转》
			
    首先了解下OGNL的概念: OGNL是Object-Graph Navigation Language的缩写,全称为对象图导航语言,是一种功能强大的表达式语言,它通过简单一致的语法,可以任意存取对象的 ...
    
			
    8. 
						
  8. sonar-scanner扫描代码出错 SonarQube svn: E170001
			
    问题报错: Caused by: org.tmatesoft.svn.core.SVNAuthenticationException: svn: E170001: Authentication req ...
    
			
    9. 
						
  9. [UML]UML 教程 - 第二部分
			
    UML作为软件开发典型的开发过程 业务过程模型创建 业务过程模型被用来定义发生在企业或组织内部的高级业务活动和业务过程,并且是建立用例模型的基础.一般来说业务过程模型比一个软件系统所能实现的更多(比如 ...
    
			
    10. 
						
  10. java设计模式----外观模式(门面模式)
			
    外观模式主要应用场景在于为复杂的子系统提供一个简单的接口,提高子系统的独立性. 创建DrawerOne类: package facade; public class DrawerOne { publi ...
    
			
    11.