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. Linux配置防火墙，开启80port、3306port 可能会遇到的小问题
			
     vi /etc/sysconfig/iptables -A INPUT -m state –state NEW -m tcp -p tcp –dport 80 -j ACCEPT(同意80端口通 ...
    
			
    2. 
						
  2. 插入数据insert语句中出错：没有与这些操作数匹配的“+”运算符，操作数类型为：const char[  ]+CString
			
    UpdateData(); CString n; n.Format(L"%d", m_n); _bstr_t strCmd_n = "insert into n(材料,折 ...
    
			
    3. 
						
  3. require() 方法讲解
			
    require.config({ paths:{ "jquery":"jquery.min", "underscore":"und ...
    
			
    4. 
						
  4. c# 实现javascript中的escape和unescape
			
    我们在JS经常使用escape和unescape,其实C#也可以的. string s = "中文好伟大的"; Console.Write(Microsoft.JScript.Gl ...
    
			
    5. 
						
  5. android 开发者资源下载地址记录（转+补充）
			
    https如果无法下载的话将下面的:https://dl-ssl 部分改为 http://dl (1)Android SDK (Android SDK主安装包,包含SDK Manager.AVD Ma ...
    
			
    6. 
						
  6. WPF 自定义命令 以及 命令的启用与禁用
			
    自定义命令:     在WPF中有5个命令类(ApplicationCommands.NavigationCommands.EditingCommands.ComponentCommands 以及 M ...
    
			
    7. 
						
  7. Android Studio 引入 so 文件
			
    1.在build.gradle中添加配置 task nativeLibsToJar(type: Zip, description: "create a jar archive of the  ...
    
			
    8. 
						
  8. Spring学习笔记--在SpEL中筛选集合
			
    要用到Spring的util(包括util:list等),xml文件中的beans中需要添加一些有关util的信息: <?xml version="1.0" encoding ...
    
			
    9. 
						
  9. 利用maven将jar包添加到本地仓库中
			
    mvn install:install-file -DgroupId=com.oracle -DartifactId=ojdbc7 -Dversion=12.1.0.2 -Dpackaging=jar ...
    
			
    10. 
						
  10. Kindeditor放置两个调用readonly错误
			
    开始 需要调用Kindeditor中的readonly的方法,但是一直提示edit is undefined 而editor.readonly(true)又只对第一个对象有效 所以只能换换形式,干脆将 ...
    
			
    11.