18168733823 在线客服 意见反馈 返回顶部
行业动态 技术分享

网站建设之头部标签

2019-12-20 分享
在网站建设中,头部的声明很多人只看到了TKD而忽略了一些有用的声明,今天专注网站建设小编给大家总结一些常用头部标签声明,希望对大家有所帮助。
 
<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
 
<!-- 搜索引擎抓取 -->
<meta name="robots" content="index,follow"/>
 
<!-- 启用360浏览器的极速模式(webkit) -->
<meta name="renderer" content="webkit">
 
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<!-- 不让百度转码 -->
<meta http-equiv="Cache-Control" content="no-siteapp" />
 
<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->
<meta name="HandheldFriendly" content="true">
 
<!-- 微软的老式浏览器 -->
<meta name="MobileOptimized" content="320">
 
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
 
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
 
<meta name="x5-fullscreen" content="true">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
 
 
<!-- 添加 RSS 订阅 -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
 
<!-- 添加 favicon icon -->
<link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
 
 
 
<!-- sns 社交标签 begin -->
    <!-- 参考微博API -->
    <meta property="og:type" content="类型" />
    <meta property="og:url" content="URL地址" />
    <meta property="og:title" content="标题" />
    <meta property="og:image" content="图片" />
    <meta property="og:description" content="描述" />
<!-- sns 社交标签 end -->
 
 
<!-- Windows 8 磁贴颜色 -->
<meta name="msapplication-TileColor" content="#000"/>
<!-- Windows 8 磁贴图标 -->
<meta name="msapplication-TileImage" content="icon.png"/>
 
 <!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">
 
 
=================================================
<!--文档的兼容方式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 指示IE以目前可用的最高模式显示内容
<meta http-equiv="X-UA-Compatible" content="IE=Emulate IE7" />指示IE使用 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以IE7 标准模式显示,而 Quirks 模式指令以 IE5 模式显示。
 
=================================================
<!--SEO优化 -->
<meta name="description" content="不超过150个字符" />页面描述
<meta name="keywords" content="html5, css3, 关键字"/>页面关键词
<meta name="author" content="魔法小栈" />定义网页作者
<meta name="robots" content="index,follow" />定义网页搜索引擎索引方式,robotterms是一组使用英文逗号「,」分割的值,通常有如下几种取值:none,noindex,nofollow,all,index和follow。
 
==================================================
<!--移动设备添加 viewport -->
<meta name ="viewport" content ="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    content 参数解释:
    width       viewport 宽度(数值/device-width)
    height            viewport 高度(数值/device-height)
    initial-scale  初始缩放比例
    maximum-scale  最大缩放比例
    minimum-scale  最小缩放比例
    user-scalable  是否允许用户缩放(yes/no)
    minimal-ui      iOS 7.1 beta 2 中新增属性,可以在页面加载时最小化上下状态栏。这是一个布尔值,可以直接这样写:
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
 
===================================
手机端访问时候,是否将手机作为超链接
<meta name="format-detection" content="telephone=no" />
===================================
通知搜索引擎多少天访问一次
<meta content="1 days" name="revisit-after" />
在线咨询
Copyright © 2019 江苏如斯镁科技有限公司 版权所有 苏ICP备19052370号-3   友情链接: 在线商城 网站地图