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. ali数据分析面试题
			
    表A结构如下 Member_ID   --用户的Id,字符型 Log_time  --用户访问页面时间,日期型(只有一天的数据) URL ---访问的页面地址,字符型 要求:提取每个用户访问的第一个U ...
    
			
    2. 
						
  2. Mockito单元测试框架学习
			
    基本使用方法: http://zhongl.iteye.com/blog/296136 一.问题:如何将mock的类自动注入到待测类,特别是在没有setter方法的情况下. 解答: 前提:待测的ser ...
    
			
    3. 
						
  3. 如何通过phoenix中查看表的主键信息
			
    需求描述: 今天一个开发的同事让帮忙查看下表的主键列,在此记录下. 操作过程: 1.通过!primarykeys命令查看表的主键 !primarykeys SYNC_BUSINESS_INFO_BYD ...
    
			
    4. 
						
  4. develop brew app from here
			
    https://brewx.qualcomm.com/brew/sdk/download.jsp?page=dx/en/brew31/ad/tl/overview the email is silen ...
    
			
    5. 
						
  5. HDU2717BFS
			
    /* WA了12发简直不能忍! . 题意非常简单.从正整数a变为b有三种方法: +1,-1.*2 特殊情况一:a与b相等不须要搜索 特殊情况二:a>b时.结果必定是a-b不需搜 特殊情况三:比較 ...
    
			
    6. 
						
  6. hadoop程序MapReduce之WordCount
			
    需求:统计一个文件中所有单词出现的个数. 样板:word.log文件中有hadoop hive hbase hadoop hive 输出:hadoop 2 hive 2 hbase 1 MapRedu ...
    
			
    7. 
						
  7. Java语言基本数据类型
			
    ■Java是一种强类型语言,每个变量都必须声明其类型.■Java的数据类型分为两大类:基本类型和引用类型(引用数据类型的大小统一为4个字节,记录的是其引用对象的地址).■Java中定义了3类8种基本数 ...
    
			
    8. 
						
  8. .net 防盗链
			
    Global.asax 文件中 protected void Application_BeginRequest(object sender, EventArgs e) { //判断当前请求是否是访问  ...
    
			
    9. 
						
  9. 解决 ssh 登录到ubuntu server 慢的问题
			
    最近在服务器上使用ubuntu系统,服务器上开启sshd服务,在客户端处使用ssh登录到服务器的时候出现卡顿的现象. 在网上搜索了解决方案,主要是: 1. 修改服务器的 /etc/ssh/sshd_c ...
    
			
    10. 
						
  10. android基础组件---->Button的使用
			
    按钮由文本或图标(或文本和一个图标)组成,当用户触摸到它时,会发生一些动作.今天我们开始Button的学习.少年的爱情永远不够用,一杯酒足以了却一件心事. Button的简要说明 根据你是否想要一个带 ...
    
			
    11.