Detailed explanation of common information summary of HTML5 head <meta> tag-H5 Tutorial-php.cn

Detailed explanation of common information summary of HTML5 head tag

黄舟

Release： 2017-03-18 16:02:46

Original

1667 people have browsed it

This article summarizes some commonly used information for HTML5head tags. The article gives sample code and comments, and the introduction is very detailed. , interested friends, please come and take a look below.

Preface

Everyone knows that adding some webkit-specific HTML5 header tags in mobile front-end development helps browsers better parse HTML. code to better express the mobile web front-end page. This article compiles some commonly used information about the HTML5 header tag. If there are any errors, please leave a message to correct it, or you can leave a message to add. Welcome to leave a message to communicate!

XML/HTML Code复制内容到剪贴板
<!-- 字体编码 -->
<meta charset="utf-8" />
<!-- 关键字 -->
<meta name="keywords" content="" />
<!-- 说明 -->
<meta name="description" content="" />
<!-- 作者 -->
<meta name="author" content="" />
<!-- 设置文档宽度、是否缩放 -->
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
<!-- 优先使用IE最新版本或chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- 360读取到这个标签立即钱换到极速模式 -->
<meta name="renderer" content="webkit" />
<!-- 禁止百度转码 -->
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!-- UC强制竖屏 -->
<meta name="screen-orientation" content="portrait" />
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait" />
<!-- UC强制全屏 -->
<meta name="full-scerrn" content="yes" />
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="ture" />
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app" />
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- window phone 点亮无高光 -->
<meta name="msapplication-tap-highlight" content="no" />
<!-- 安卓设备不自动识别邮件地址 -->
<meta name="format-detection" name="email=no" />
<!-- iOS设备 -->
<!-- 添加到主屏幕的标题 -->
<meta name="apple-mobile-web-app-title" content="标题" />
<!-- 是否启用webApp全屏 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 设置状态栏的背景颜色，启用webapp模式时生效 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent/black/default" />
<!-- 半透明/黑色/默认白色 -->
<!-- 禁止数字识别为电话号码 -->
<meta name="format-detection" content="telephone=no" />
<!-- 智能添加广告条 -->
<meta name="apple-itunes-app" content="app-id=myappstoreID,affiliate-data=myaffiliatedata,app-argument=myurl" />

Copy after login

Summary

The above is the detailed content of Detailed explanation of common information summary of HTML5 head tag. For more information, please follow other related articles on the PHP Chinese website!