HTML5 标签随记

最新推荐文章于 2023-12-07 11:43:39 发布

xy2204

最新推荐文章于 2023-12-07 11:43:39 发布

阅读量303

点赞数

分类专栏： html 文章标签： html5

本文链接：https://blog.csdn.net/xy2204/article/details/54094347

版权

5 篇文章 0 订阅

订阅专栏

HTML5的文档类型

<!DOCTYPE html>
<html lang="zh-cn">
......
</html>

确保适当的绘制和触屏缩放，需要在之中添加viewport元数据标签。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

在移动设备浏览器上，通过为viewport meta标签添加user-scalable=no可以禁用其缩放（zooming）功能。这样禁用缩放功能后，用户只能滚动屏幕，就能让你的网站看上去更像原生应用的感觉。注意，这种方式我们并不推荐所有网站使用，还是要看你自己的情况而定！

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari(ios7.0版本以后，safari上已看不到效果)

<meta content="yes" name="apple-mobile-web-app-capable">

将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式(可选default、black、black-translucent)

<meta content="yes" name="apple-mobile-web-app-capable">

忽略将页面中的数字识别为电话号码

<meta content="telephone=no" name="format-detection">

忽略Android平台中对邮箱地址的识别

<meta content="email=no" name="format-detection">

预加载常用图片用来提高手机下的访问速度

<link rel="prefetch" href="预加载的图片" />

关注

专栏目录