html代码表头书写含义

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>
posted @ 2017-03-06 18:22  大脚丫323  阅读(454)  评论(0编辑  收藏  举报