前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML-一个网页的头部的大概框架(完善ing)

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

作者头像
xing.org1^
发布2018-05-17 16:33:57
1.2K0
发布2018-05-17 16:33:57
举报
文章被收录于专栏:前端说吧前端说吧

正常情况下,一个头部(考虑兼容、响应、title图标的需求),所要填写的内容如下:

代码语言:javascript
复制
<!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>
代码语言:javascript
复制
最起码要有自己的规范,做到代码风格整体统一
其他补充的:
1.<meta name="Robots" contect="all">文件可以被检索
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016-12-07 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档