H5移动端网页头部标签模板

小鱼儿 2022-05-23 06:34 224阅读 0赞

这是一篇转载的纯干货，绝对干货！

之前自己也有参与过微信公众号服务的前端开发（移动端），所以了解过一点关于移动端头标签的使用，但是只是零散的内容，没有汇总过。

今天既然收获了这样一篇干货，就干脆转载过来，方便即时查用。

<head>
        
        <meta charset='utf-8'>
        
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        
        <meta name="description" content="不超过150个字符"/>
        
        <meta name="keywords" content=""/>
        
        <meta name="author" content="name, email@gmail.com"/>
        
        <meta name="robots" content="index,follow"/>
        
        <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
        
     
        
        <meta name="apple-mobile-web-app-title" content="标题">
        
        <meta name="apple-mobile-web-app-capable" content="yes"/>
        
     
        <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
        
        <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
        
        <meta name="format-detection" content="telphone=no, email=no"/>
        
        
        <meta name="renderer" content="webkit">
        
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        
        <meta name="HandheldFriendly" content="true">
        
        <meta name="MobileOptimized" content="320">
        
        <meta name="screen-orientation" content="portrait">
        
        <meta name="x5-orientation" content="portrait">
        
        <meta name="full-screen" content="yes">
        
        <meta name="x5-fullscreen" content="true">
        
        <meta name="browsermode" content="application">
        
        <meta name="x5-page-mode" content="app">
        
        <meta name="msapplication-tap-highlight" content="no">
        
        <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png"/>
        
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png"/>
        
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png"/>
        
        
     
        
        <link rel="apple-touch-startup-image" sizes="768x1004" href="/splash-screen-768x1004.png"/>
        
        <link rel="apple-touch-startup-image" sizes="1536x2008" href="/splash-screen-1536x2008.png"/>
        
        <link rel="apple-touch-startup-image" sizes="1024x748" href="/Default-Portrait-1024x748.png"/>
        
        <link rel="apple-touch-startup-image" sizes="2048x1496" href="/splash-screen-2048x1496.png"/>
        
     
        <link rel="apple-touch-startup-image" href="/splash-screen-320x480.png"/>
        
        <link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png"/>
        
        <link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png"/>
        
        
     
        
        <meta name="msapplication-TileColor" content="#000"/>
        
        <meta name="msapplication-TileImage" content="icon.png"/>
        
     
        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
        
        <link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
        
     
        <title>标题</title>
    </head>

原文链接：[点击打开链接][Link 1]

[Link 1]: https://www.blyoo.com/1499.html

发表评论取消回复

表情：

评论列表（有 0 条评论，224人围观）

还没有评论，来说两句吧...

相关阅读

相关移动前端头部标签(HTML5 head meta)

`<!` `DOCTYPE` `html> ` `` `<` `html` `lang` `=` `"zh

川长思鸟来/ 2022年08月19日 01:49/ 0 赞/ 186 阅读

相关移动端的头部标签和 meta

使用 HTML5 doctype，不区分大小写 <!DOCTYPE html> -------------------- 更加标准的 lang 属性写法

亦凉/ 2022年08月19日 01:48/ 0 赞/ 195 阅读

相关 h5移动端兼容问题

H5项目常见问题及注意事项 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 //一、HTML页面结构 <meta name="viewport" conten

浅浅的花香味﹌/ 2022年06月01日 03:27/ 0 赞/ 438 阅读

相关 H5移动端网页头部标签模板

这是一篇转载的纯干货，绝对干货！之前自己也有参与过微信公众号服务的前端开发（移动端），所以了解过一点关于移动端头标签的使用，但是只是零散的内容，没有汇总过。

小鱼儿/ 2022年05月23日 06:34/ 0 赞/ 225 阅读

相关 H5校园跑腿移动端免费模板

项目演示地址 [https://www.gomyorder.cn/runSchool/index.html][https_www.gomyorder.cn_runScho

蔚落/ 2022年05月09日 19:46/ 0 赞/ 245 阅读

相关 h5移动网页唤起App

[https://www.cnblogs.com/simba-lkj/p/8027809.html][https_www.cnblogs.com_simba-lkj_p_802

迈不过友情╰/ 2022年04月24日 01:06/ 0 赞/ 286 阅读

相关 H5项目移动端调试器

开发的移动端H5项目在手机浏览器调试工具 [https://github.com/liriliri/eruda/blob/master/doc/README\_CN.md][

不念不忘少年蓝@/ 2022年03月22日 08:48/ 0 赞/ 356 阅读

相关 Vue移动端项目模板h5

基于版本vue2.6的一个集成移动端开发插件的Vue移动端模板包含 1、css: 使用stylus开发css 集成r

待我称王封你为后i/ 2022年03月22日 08:46/ 0 赞/ 758 阅读

相关 h5移动端注意事项

一、meta的使用 1、<meta name="viewport" content="width=device-width,initial-scale=1.0, min...

心已赠人/ 2022年02月19日 11:47/ 0 赞/ 533 阅读

相关 H5各种头部meta标签的功能

H5各种头部<meta>标签的功能 <!DOCTYPE html> H5标准声明，使用 HTML5 doctype，不区分大小写 <head lang=”en”> 标

深藏阁楼爱情的钟/ 2022年01月23日 14:23/ 0 赞/ 242 阅读