小米技术社区
小米技术社区管理员 关于小米

27岁,山西运城人,职业电商经理人,前端开发工作者,从事过网站建设、网络推广、SEO、SEM、信息流推广、二类电商、网络运维、软件开发,等相关电商工作,经验较为丰富,小米技术社区致力于为广大从事Web前端开发的人员提供一些力所能及的引导和帮助 ...[更多]

E-mail:mzze@163.com

Q Q:32362389

W X:xiaomi168527

小米技术社区大牛王飞 关于王飞

27岁,山西运城人,职业电商经理人,网络工程师兼运维,从事过运营商网络建设,企业网络建设、优化。数据中心网络维护等通过,经验丰富,座右铭:当自己休息的时候,别忘了别人还在奔跑。 ...[更多]

E-mail:wf_live@126.com

Q Q:3940019

微博:王小贱ss

小米技术社区设计小艳 关于小艳

大于花一样的年龄,河南郑州是我家,2010年在北京接触团购网,2011年进入天猫淘宝一待就是四年,如今已经将设计走向国际化(ps:误打误撞开始进入阿里巴巴国际站的设计,嘿嘿)五年电商设计,丰富经验,从事过天猫淘宝阿里各项设计,店铺运营,产品拍摄;我将我的经历与您分享是我的快乐!座右铭:越努力越幸运! ...[更多]

E-mail:97157726@qq.com

Q Q:97157726

标签云
精品推荐
  • html5弹性布局display:flex;的具体用法

    html5弹性布局display:flex;的具体用法

    首先我们来了解一下flex的定义:Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。在我们开发网站的时候,碰见如下图两边对齐的时候回很头疼,不管是用cl……
    321人已经看过了
您的位置:首页 > 前端开发 > Htm l+ Css > Html5 + Css3

网站头部head标签汇总

分类: Html5 + Css343个赞

head中常见的meta标签汇总

<!DOCTYPE html>
<html xml:lang="zh-CN">

<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> // 规定 HTML 文档的字符编码
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> //用浏览器支持的最高级标准模式渲染
<meta name="renderer" content="webkit"/> //用webkit内核渲染
<meta name="viewport" content="width=device-width, initial-scale=1.0"> //禁止用户放大到实际尺寸之上
<meta name="applicable-device"content="pc,mobile"> // 响应式 表示页面同时适合在移动设备和PC上进行浏览
<meta name='apple-mobile-web-app-capable' content='yes'> //仅苹果手机支持 是否需要显示苹果的工具栏和菜单栏
<meta name='apple-mobile-web-app-status-bar-style' content='black'> //仅苹果手机支持控 制苹果控制栏的背景显示样式,默认为白色
<meta http-equiv="refresh"content="5;url=http://www.bbsxiaomi.com" /> //5秒后跳转到指定页面
<meta name="robots" content="index,follow">  //SEO 蜘蛛可以顺着本页继续索引别的链接
<meta name="theme-color" content="#ff6600" /> //浏览器上就新添加了使theme-color元标记修改主题颜色,一般用网页主色
<meta http-equiv="pragram" content="no-cache"> //网页不保存在缓存中,每次访问都刷新页面
<meta http-equiv="expires" content="0">  //网页在缓存中的过期时间为0
<meta content="always" name="referrer"> //百度用 网站给控制页面发送给 server 的 referer 信息
<title>#####</title> //标题
<meta name="keywords" content="keywords" />  //关键词
<meta name="description" content="description" /> //描述
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> //添加小图标
<meta name="author" content="作者"> //作者
<meta name="coprright" content="版权"> //版权
<meta http-equiv="x-dns-prefetch-control" content="on">  //DNS预解析技术开启
<link rel="dns-prefetch" href="//cdn.www.sojson.com"> //各大电商平台大量用了预读取

</head>

<body>



响应式head

<!DOCTYPE html>
<html xml:lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="applicable-device" content="pc,mobile">
    <meta name='apple-mobile-web-app-capable' content='yes'>
    <meta name='apple-mobile-web-app-status-bar-style' content='black'>
    <meta name="robots" content="index,follow">
    <meta name="theme-color" content="#ff6600" />
    <meta content="always" name="referrer">
    <title>#####</title>
    <meta name="keywords" content="keywords" />
    <meta name="description" content="description" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link href="#" rel="stylesheet">
    <script type="text/javascript" src="#"></script>
</head>

<body>



另一种head

<meta charset="UTF-8">
<meta http-equiv="content-language" content="zh-CN">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="applicable-device" content="pc,mobile">
<meta name="renderer" content="webkit">
<meta name="robots" content="index, follow" />
<title>index</title>
<meta name="description" content="#" />
<meta name="keywords" content="#" />
<meta name="author" content="作者">
<meta name="coprright" content="版权">
<link rel="stylesheet" type="text/css" href="/style/style.css" />
<script type="text/javascript" src="/js/jquery.min.js"></script>


小米技术社区

本站内容均为小米原创,转载请注明出处:小米技术社区>> 网站头部head标签汇总