HTML代码基本模板

2018-11-27 16:45:00
linefo
703
最后编辑:linefo 于 2018-11-28 15:59:49


一、代码模板



<!DOCTYPE html>
<html lang="en">
    <head>
        <!--meta标签用于告知浏览器或者其他html页面解析程序,该如何解析该html页面-->
        <!--该页面的编码为utf-8-->
        <meta charset="utf-8">
        <title>网页标题</title>
        <!--分隔线:name属性-->
        <!--关键字(用英文逗号分隔)-->
        <meta name="keywords" content="关键词1,关键词2">
        <!--描述-->
        <meta name="desrcrption" content="描述内容">
        <!--viewport设置,常用于移动端,具体在后面有解析-->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!--robots设置,告知爬虫(主要是搜索引擎)索引页面的机制,具体在后面有解析,但常用robots.txt文件实现该功能-->
        <meta name="robots" content="none">
        <!--作者信息-->
        <meta name="author" content="作者信息">
        <!--版权信息-->
        <meta name="copyright" content="版权信息">
        <!--爬虫重访时间设置,告诉爬虫(主要是搜索引擎)【应该】重访该页面的时间,有助于减轻爬虫对服务器的压力-->
        <meta name="revisit-after" content="7 days">
        <!--renderer设置,该属性是为双核浏览器准备的,告知浏览器应该以何种内核模式渲染页面,webkit指用webkit内核,ie-comp指用IE兼容模式,ie-stand指用IE标准模式-->
        <meta name="renderer" content="webkit">
        <!--分隔线:http-equiv属性-->
        <!--X-UA-Compatible设置,告知浏览器以何种版本渲染页面,“IE=edge,chrome=1”表示指定IE和Chrome用最新版本渲染-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <!--cache-control设置,告知请求和响应遵循的缓存机制,具体在后面有解析-->
        <meta http-equiv="cache-control" content="no-cache">
        <!--expires设置,告知网页到期时间,过期后网页必须到服务器上重新传输,但必须使用GMT的时间格式-->
        <meta http-equiv="expires" content="Sunday 26 October 2016 01:00 GMT" />
        <!--refresh设置,自动刷新并指向某页面,下面的意思是2秒后跳到百度-->
        <meta http-equiv="refresh" content="2;URL=http://www.baidu.com/">
    </head>
    <body>
    </body>
</html>


二、解析


1、viewport说明


viewport指移动设备上浏览器的网页可视区域。

前端比较捉鸡,,以后再说....