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. Solr with Apache Tomcat
			
    配置教程 1 http://www.duntuk.com/how-install-apache-solr-46-apache-tomcat-7-use-drupal https://www.gotos ...
    
			
    2. 
						
  2. oracle 死锁和锁等待的区别
			
    所谓的锁等待:就是一个事务a对一个数据表进行ddl或是dml操作时,系统就会对该表加上表级的排它锁,此时其他的事务对该表进行操作的时候会等待a提交或是回滚后,才可以继续b的操作 所谓的死锁:当两个或多 ...
    
			
    3. 
						
  3. Windows性能监视器
			
    前端时间在做动态目标监控,应用程序需要考虑大数据量和多用户并发的操作,系统的性能是解决方案实施性的重要度量.这里简单的记录下Windows中性能监视查看和简单分析. 一般操作系统性能主要涉及到的问题主 ...
    
			
    4. 
						
  4. Android学习笔记——Menu(二)
			
    知识点: 这次将继续上一篇文章没有讲完的Menu的学习,上下文菜单(Context menu)和弹出菜单(Popup menu). 上下文菜单 上下文菜单提供对UI界面上的特定项或上下文框架的操作,就 ...
    
			
    5. 
						
  5. 勒布朗法则( LeBlanc)
			
    看<代码整洁之道>看到了一个概念:勒布朗法则. 咦?这个不是NBA中的勒布朗·詹姆斯法则,当然NBA中针对一些球星的Bug表现也制定了一系列的法则,如乔丹法则(乔丹太过于强大).奥尼尔法则 ...
    
			
    6. 
						
  6. QlikView报表显示连续若干个月内活跃用户的数量
			
    之前有朋友提到了这样一个需求,要计算三年中每年都有销售记录的客户量,仅仅有近期两年有销售纪录的客户量(假如某个用户2012年和2014年都有记录,在2013年没有则不计算在内).以及近期一年的新增客户 ...
    
			
    7. 
						
  7. Java课后思考题
			
    1.简述path和classpath的区别. path:path环境变量是系统环境变量中的一种,它用于保存一系列可执行文件的路径,每个路径之间以分号分隔.当在命令行窗口运行一个可执行文件时,操作系统首 ...
    
			
    8. 
						
  8. GIS-009-Cesium 使用
			
    //加载ArcGIS 发布的地图服务MapServervar url='http://Jason:6080/arcgis/rest/services/SampleWorldCities/MapServ ...
    
			
    9. 
						
  9. php 实现 java com.sun.org.apache.xml.internal.security.utils.Base64 Byte数组加密
			
    <?php function java_base64_encode($arr){ $str = ''; foreach ($arr as $key => $value) { $str .= ...
    
			
    10. 
						
  10. 根据前面的FtpUtil写一个demo
			
    说说现在开发中一般都是对象化,对于配置文件也不例外. 1.FTPConfig 配置类 /*** * * @author  * */public class FTPConfig { private St ...
    
			
    11.