移动端的头部标签和 meta

cnTomato 发布于2019-08-01 14:45 / 318人阅读

摘要：使用，不区分大小写更加标准的属性写法声明文档使用的字符编码优先使用最新版本和页面描述不超过个字符页面关键词网页作者搜索引擎抓取为移动设备添加会导致添加到主屏后以全屏模式打开页面时出现黑边设备添加到主屏后的

使用 HTML5 doctype，不区分大小写

更加标准的 lang 属性写法 http://zhi.hu/XyIa

meta

声明文档使用的字符编码

优先使用 IE 最新版本和 Chrome

页面描述

页面关键词

网页作者

搜索引擎抓取

为移动设备添加 viewport

iOS 设备

添加到主屏后的标题（iOS 6 新增）

是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏

添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）

设置苹果工具栏颜色

忽略页面中的数字识别为电话，忽略email识别

启用360浏览器的极速模式(webkit)

避免IE使用兼容模式

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

微软的老式浏览器

uc强制竖屏

QQ强制竖屏

UC强制全屏

QQ强制全屏

UC应用模式

QQ应用模式

windows phone 点击无高光

iOS 图标

iPhone 和 iTouch，默认 57x57 像素，必须有

Retina iPhone 和 Retina iTouch，114x114 像素，可以没有，但推荐有

Retina iPad，144x144 像素，可以没有，但推荐有

iOS 启动画面

iPad 竖屏 768 x 1004（标准分辨率）

iPad 竖屏 1536x2008（Retina）

iPad 横屏 1024x748（标准分辨率）

iPad 横屏 2048x1496（Retina）

iPhone/iPod Touch 竖屏 320x480 (标准分辨率)

iPhone/iPod Touch 竖屏 640x960 (Retina)

iPhone 5/iPod Touch 5 竖屏 640x1136 (Retina)

iOS 设备 end

Windows 8 磁贴颜色

Windows 8 磁贴图标

添加 RSS 订阅

添加 favicon icon

标题

标题

GPU云服务器云服务器 meta标签 html头部内标签 html网页头部标签关于适配移动端的

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/49574.html

HTML中head头结构

摘要：移动互联网时代，头部结构，移动端的元素，显得更为重要。最后语言是语言的语言标识符，如表示英文，表示中文。分别表示严格版本，过渡版本，以及基于框架的文档。在中有两个主要目的。对文档进行有效性验证。 HTML head 头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代，head ...

canger 2019-08-01 14:41 评论0 收藏0
移动端适配之三：使用meta标签设置viewport

摘要：现在开始，用标签来设置。回到应用场景，我们用这个标签的主要目的是做移动端的适配，一般都是做一个专门为移动端设计的页面。利用这个，就是用来设置的宽度。小结用的目的，是为了设置的大小，从而保证能在移动端设备上合适的显示出来。前两篇博客，把像素和viewport的概念讲清楚了。现在开始，用meta标签来设置viewport。 meta标签 meta标签里面的内容，主要是提供关于这个HTML...

Andrman 2019-08-30 15:44 评论0 收藏0
iframe在移动端的缩放

摘要：在后端落地时发现在在移动端页面显示不太对劲，显得很模糊。但又一个问题来了，这个官网页面还动态引入了页面，这些页面是固定的宽度。这里设置设备高度缩放比例可以还原原本的高度。工作中碰到个奇怪的问题，折腾了大半天，终于算是解决了，这里把分析思路和解决办法记录下。项目是做响应式的公司官网，前期的静态图页面切完后就提交给后台作为模板使用了，我也就基本退出项目。在后端落地时发现在在移动端页面显示不太...

littleGrow 2019-04-23 13:19 评论0 收藏0