HTML-一个网页的头部的大概框架（完善ing）

最新推荐文章于 2022-10-18 11:09:32 发布

weixin_33724046

最新推荐文章于 2022-10-18 11:09:32 发布

阅读量179

点赞数

原文链接：https://yq.aliyun.com/articles/606524

版权

正常情况下，一个头部（考虑兼容、响应、title图标的需求），所要填写的内容如下：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="description" content="本网站的目的是" />
        <meta name="keywords" content="关键字A,关键字B,关键字C,关键字..." />
        <meta name="author" content="郭菊锋,tel-151***,email-***">
        <meta name="viewport" content="width=device-width, initial-scale=1">
<!--让网页的在移动设备中不缩放-->
        <title>网页的标题</title>
<!--title图标，只需把链接更换，然后把jpg、png、gif等格式的logo图片后缀名自改成.ico，具体方法见：http://www.cnblogs.com/padding1015/p/6065425.html（HTML-如何让自己的网页标题处可以显示网站的logo？）-->
        <link rel="Bookmark" href="img/logo.png" />
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
        <link rel="icon" href="favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" href="css/template.css" />
<!--title图标完-->
        
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <!--IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame
        -->
　　　　<meta name="renderer" content="webkit"><!-- 360暖心设置——避免IE使用兼容模式 -->
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries（翻译：以下两个外联js文件，是让ie8及以下兼容html5和响应式的实现方法——媒体查询） -->
        <!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!--接下来就可以链接你需要的css文件和js文件，但最好的推荐是js文件在body的底部进行链接，总之最起码要有自己的规范，做到代码风格整体统一-->
    </head>

最起码要有自己的规范，做到代码风格整体统一
其他补充的：
1.＜meta name="Robots" contect="all"＞文件可以被检索

weixin_33724046

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML-一个网页的头部的大概框架（完善ing）

正常情况下，一个头部（考虑兼容、响应、title图标的需求），所要填写的内容如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"...
复制链接

扫一扫