1.<meta name="viewport" content="width=device-width, initial-scale=1.0">
答:width:可视区域的宽度,值可为数字或关键词device-width
height:同width
intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示无任何缩放
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,
maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。
user-scalable:是否可对页面进行缩放,no 禁止缩放
2.<meta name="renderer" content="webkit">
答:content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用极速模式,兼容模 式,IE模式打开。
下次打开网页即可生效啦。
3.<meta http-equiv="Cache-Control" content="no-siteapp" />
答:如第三方站点不希望某页面被转码,可该页面上添加此协议,当用户通过移动搜索进入第三方网站时,会直接进入原网页。
4.<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
答: X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用。
IE=edge告诉IE使用最新的引擎渲染网页
5.具体网页书写?
答:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!–文档类型–>
<html xmlns="http://www.w3.org/1999/xhtml" lang="utf-8">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE"/>
<!–默认它为IE7, IE8 ,ie9 ieedge(标准)–>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!–设置网页的文件编码–>
<meta http-equiv="expires" content="2010/12/31 10:00:00" />
<!–脱机浏览的过期时间–>
<meta http-equiv="pragma" content="no-cache" />
<!–禁止网页从缓存中读取–>
<meta http-equiv="Refresh" content="5;url=index.htm" tppabs="http://www.w3cschool.cn/">
<!–网页重新定向–>
<meta http-equiv="set-cookie" content="2010/12/31 10:00:00" />
<!–设置网页的cookie过期时间–>
<meta http-equiv="Window-target" content="_top" />
<!–设置网页中链接的目标窗口–>
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.4)" />
<!–设置网页的打开效果–>
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.4)" />
<!–设置网页的关闭效果–>
<meta name="keywords" content="html,设置网页的关键字" />
<!–设置网页的关键字,搜索的时候优先!!!重要!!! 该数据被搜索引擎编入索引–>
<meta name="description" content=" 插入描述" />
<!–插入描述 搜索时被搜索引擎编入索引–>
<meta name="author" content="作者" />
<!–作者–>
<meta name="Copyright" content="blog.zuiniucha.com,自由版权,任意转载" />
<!–版权–>
<meta name="robots" content="all" />
<title>
HTML头部顺序及标签书写规范
</title>
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<!–网站图标显示在地址栏还有收藏夹–>
<link rel="shortcut icon" href="http://blog.zuiniucha.com/favicon.ico"
type="image/x-icon" />
<!–同上–>
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css"
media="all" />
<!–链接CSS样式表–>
<script language="javascript" type="text/javascript" src="http://blog.zuiniucha.com/js.js">
</script>
<!–调用JS脚本文件–>
</head>
<body>
欢迎你!
</body>
</html>