移动端head头部常用meta标签-白红宇

移动端head头部常用meta标签

阅读量：418 次

发布时间：2019-03-06

本文共 1038 字，大约阅读时间需要 3 分钟。


   
   
   
   
   
   
   
   
   
   
这篇文章主要介绍了 web 前端开发中常用的元标签及其作用。以下是详细的解释：
1. viewport 元标签
   - 用于设置网页在不同设备上的显示尺寸
   - 通常设置为 `width=device-width`，表示以设备屏幕宽度为基准
   - 可选参数包括 `initial-scale`（初始缩放比例）、`maximum-scale`（最大缩放比例）、`minimum-scale`（最小缩放比例）和 `user-scalable`（是否允许用户缩放）
2. renderer 元标签
   - 用于声明网页支持的浏览器渲染引擎
   - 通常设置为 `webkit`（webkit 渲染引擎）或 `ie-comp/ie-stand`（IE 浏览器的兼容性模式）
3. X-UA-Compatible 元标签
   - 用于向 IE 浏览器声明网页的兼容性模式
   - 通常设置为 `IE=edge`（以边缘模式渲染）或 `IE=chrome`（使用 chrome 内核渲染）
4. apple-mobile-web-app-capable 元标签
   - 用于声明网页是否可以运行在苹果的移动 web 应用中
   - 设置为 `yes` 表示支持
5. apple-mobile-web-app-status-bar-style 元标签
   - 用于设置移动 web 应用的状态栏样式
   - 通常设置为 `black` 表示状态栏为黑色
6. format-detection 元标签
   - 用于声明网页是否支持检测格式（如电话号码和电子邮件）
   - 通常设置为 `telephone=no` 和 `email=no` 表示不检测电话号码和电子邮件
7. full-screen 元标签
   - 用于声明网页是否可以全屏显示
   - 设置为 `yes` 表示支持
8. x5-fullscreen 元标签（仅限 QQ 浏览器）
   - 用于声明网页是否可以在 QQ 浏览器中全屏显示
   - 设置为 `true` 表示支持
9. keywords 元标签
   - 用于为网页声明关键词
   - 值一般为逗号分隔的关键词列表
10. description 元标签
    - 用于为网页声明描述
    - 值应简洁明了，准确反映网页内容
这些元标签在开发移动端网页时非常重要，能够显著提升网页在不同设备和浏览器中的显示效果。