• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 一些有用的meta设置方法(必看)

一些有用的meta设置方法(必看)

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含meta,设置等相关知识,佚名 希望在学习及工作中可以帮助到您

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

<meta name="format-detection" content="telephone=no">

<meta name="apple-mobile-web-app-capable" content="yes">

<meta name="apple-mobile-web-app-status-bar-style" content="#6f9ddc">

<!-- 页面的编码方式 -->

<meta charset="utf-8">

<!-- 优先使用最新版本 IE 和 Chrome -->

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<!-- 搜索引擎优化,页面关键词,每个网页应具有描述该网页内容的一组唯一的关键字 -->

<meta name="keywords" content="">

<!-- 搜索引擎优化,页面描述,每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签 -->

<meta name="description" content="">

<!-- 优化移动浏览器的显示,缩放比例默认为1,不允许手动缩放。如果不是响应式网站,不要使用initial-scale或者禁用缩放。 -->

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<!-- 使用 webkit 内核渲染网站 -->

<meta name="renderer" content="webkit">

<!-- 禁止百度转码 -->

<meta http-equiv="Cache-Control" content="no-siteapp">

<!-- 添加到主屏后的图标 -->

<!-- <link rel="icon" type="image/png" href="assets/i/favicon.png"> -->

<!-- 添加到主屏后-启用 WebApp 全屏模式(Android) -->

<!-- <meta name="mobile-web-app-capable" content="yes"> -->

<!-- 添加到主屏后的图标(Android) -->

<!-- <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png"> -->

<!-- 添加到主屏后-启用 WebApp 全屏模式(iOS) -->

<!-- <meta name="apple-mobile-web-app-capable" content="yes"> -->

<!-- 添加到主屏后-设置状态栏的背景颜色(iOS) -->

<!-- <meta name="apple-mobile-web-app-status-bar-style" content="black"> -->

<!-- 添加到主屏后的标题(iOS) -->

<!-- <meta name="apple-mobile-web-app-title" content="南航办公自动化" /> -->

<!-- 添加到主屏后的图标(iOS) -->

<!-- <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png"> -->

<!-- 添加到主屏后的图标(win8) -->

<!-- <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png"> -->

<!-- 添加到主屏后-设置状态栏的背景颜色(win8) -->

<!-- <meta name="msapplication-TileColor" content="#0e90d2"> -->

<!-- 关闭移动端手机号码识别(iOS) -->

<meta name="format-detection" content="telephone=no">

<!-- 关闭移动端邮箱识别(Android) -->

<meta name="format-detection" content="email=no">

以上这篇一些有用的meta设置方法(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持微课江湖。

原文地址:http://www.cnblogs.com/jiekk/p/5695031.html

您可能想查找下面的文章:

  • 深入浅出meta标签
  • 一些有用的meta设置方法(必看)
  • HTML的meta标签常见用法集锦
  • 基于meta实现页面的定时刷新或跳转
  • 举例讲解HTML中META标签的一些使用技巧
  • 常用HTML meta 标签属性(网站兼容与优化需要)
  • 用Meta标签代码让360双核浏览器默认极速模式不是兼容模式
  • meta标签中的viewport控制设备屏幕css
  • meta标签中的使用viewport定义屏幕css
  • 关于html中meta的作用(网上搜集整理得来)

相关文章

  • 2017-08-05Data URI和MHTML完整解决所有浏览器
  • 2017-08-05a标签中写有文字如何隐藏文字显示图片兼容360模式渲染
  • 2017-08-05html超级链接a的click事件之后跳转href所指向的地址
  • 2017-08-05html/css基础篇——html代码编写过程中的几个警惕点(必看)
  • 2017-08-05网页前端常见的攻击方式和预防攻击的方法
  • 2017-08-05为什么使用DOCTYPE HTML
  • 2017-08-05html与嵌入其中的flash均存在滚动条的情况分析及处理方法
  • 2017-08-05使用vertical-align实现input和img对齐
  • 2017-08-05超连接的四种状态的应用详细讲解
  • 2017-08-05HTML validate HTML验证

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML form应用包括复选框、单选按钮的使用
    • HTML 网页头部代码全清楚
    • html与嵌入其中的flash均存在滚动条的情况分析及处理方法
    • Readonly和Disabled之间的微小区别详解
    • html设置字体颜色的方法和使用ps获取html准确字体颜色的方法
    • 用jquery进行修复在iframe下的页面锚点失效问题
    • textarea文本域宽度和高度width及height自动适应实现代码
    • Web Slices是什么
    • XAML中Button重绘为圆形的方法技巧
    • HTML 标记一定不要忘记关闭

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有