首页前端开发HTML一些有用的meta设置方法(必看)

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

时间2024-01-27 14:19:03发布访客分类HTML浏览568
导读:收集整理的这篇文章主要介绍了一些有用的meta设置方法(必看 ,觉得挺不错的,现在分享给大家,也给大家做个参考。 <meta name="viewport" content="width=device-width, inIT...
收集整理的这篇文章主要介绍了一些有用的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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

meta

若转载请注明出处: 一些有用的meta设置方法(必看)
本文地址: https://pptw.com/jishu/588311.html
input checkbox 扩大点击范围的实现方法 浅谈语义化的HTML结构到底有什么好处

游客 回复需填写必要信息