Html head相关

2023-08-14 20℃

           -- 以下 3 个 meta 标签必须放在 head 的最前面;其他任何的 head 内容必须在这些标签的后面-->

         

         

         

          -- 基本 URL 作用于文档中所包含的所有相对 URL -->

         

          -- 允许控制资源的过度加载仅应用于该标签下的内容 ,尽早地放置在文档中-->

         

          -- Web 应用的名称(仅当网站被用作为一个应用时才使用)-->

         

          -- 针对页面的简短描述(限制 150 字符)在*某些*情况下,该描述是被用作搜索结果展示片段的一部分-->

         

          -- 控制搜索引擎的抓取和索引行为 -->

          -- 所有的搜索引擎 -->

          -- 仅对 Google 有效 -->

          -- 关于你的网站主题的简短描述 -->

         

          -- 非常简短(少于 10 个字)的描述。主要用于学术论文。-->

         

          -- 完整的域名或网址 -->

         

         

          -- 基于网站内容给出一般的年龄分级 -->

         

          -- 允许控制 referrer 信息如何传递 -->

         

          -- 禁用自动检测和格式化可能的电话号码 -->

         

          -- 通过设置为 “off” 完全退出 DNS 预取 -->

         

          -- 在客户端存储 cookie,web 浏览器的客户端识别 -->

         

          -- 指定要显示在一个特定框架中的页面 ,content="_top"用来防止别人在框架里调用你的页面。-->

         

          -- 缓存控制 最好在服务器端配置缓存控制 -->

         

         

         

          -- 指向一个适用于链接内容的版权申明 -->

         

          -- 公司概要或网站目的 -->

         

          -- 删除苹果默认的工具栏和菜单栏 -->

         

          -- 设置苹果工具栏颜色 -->

         

          -- 忽略页面中的数字识别为电话,忽略email识别 -->

         

          ---禁止百度移动端转码-->

         

          --去掉Windows Phone点击时的高亮效果-->

         

          -- 避免IE使用兼容模式 -->

         

          -- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->

         

          -- 微软的老式浏览器 -->

         

          -- windows phone 点击无高光 -->

         

          --禁止手机浏览器缩放 -->

         

          --禁止浏览器从本地机的缓存中调阅页面内容。 -->

         

          

          --应用链接-->

          -- iOS -->

          < meta property="al:ios:url" content="applinks://docs">

          < meta property="al:ios:app_store_id" content="12345">

          < meta property="al:ios:app_name" content="App Links">

          -- Android -->

          < meta property="al:android:url" content="applinks://docs">

          < meta property="al:android:app_name" content="App Links">

          < meta property="al:android:package" content="org.applinks">

          -- Web 回退 -->

          < meta property="al:web:url" content="http://applinks.org/documentation">

          -- Apple iOS -->

          -- 智能应用 Banner -->

          < meta name="apple-itunes-app" content="app-id=APP_ID,affiliate-data=AFFILIATE_ID,app-argument=SOME_TEXT">

          -- 禁用自动检测和格式化可能的电话号码 -->

          < 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="black">

          < meta name="apple-mobile-web-app-title" content="应用标题">

          -- 触摸图标 -->

          < link rel="apple-touch-icon" href="path/to/apple-touch-icon.png">

          < link rel="apple-touch-icon-precomposed" href="path/to/apple-touch-icon-precomposed.png">

          -- iOS 8+ 不再支持预组合,你应该只使用 apple-touch-icon。-->

          -- 在大多数情况下,在 head中,一个 180×180px 触摸图标就已经足够了 -->

          -- 如果你想采用自适应的图标,可以设置多个尺寸的图标 -->

          < link rel="apple-touch-icon" sizes="144x144" href="//path/to/icon@144.png">

          -- iOS 应用深层链接 -->

          < meta name="apple-itunes-app" content="app-id=APP-ID, app-argument=http/url-sample.com">

          < link rel="alternate" href="ios-app://APP-ID/http/url-sample.com">

          -- 360浏览器 -->

          -- 选择渲染引擎 -->

         

          -- QQ 移动浏览器 -->

          -- 在指定方向上锁定屏幕(锁定横/竖屏) -->

         

          -- 全屏显示此页面 -->

         

          -- 页面将以“应用模式”显示(全屏等)-->

         

          -- UC 移动浏览器 -->

          -- 在指定方向上锁定屏幕(锁定横/竖屏) -->

         

          -- 全屏显示此页面 -->

         

          -- 即使在“文本模式”下,UC 浏览器也会显示图片 -->

         

          -- 页面将以“应用模式”显示(全屏、禁止手势等) -->

         

          -- 在此页面禁用 UC 浏览器的“夜间模式” -->

         

          -- 简化页面,减少数据传输 -->

         

          -- 禁用的 UC 浏览器的功能,“当此页面中有较多文本时缩放字体” -->

         

标签: 前端技术

非特殊说明,本博所有文章均为博主原创。