常用meta标签集锦

本文详细介绍了HTML中的META标签及其用途,包括关键词、描述、视口设置等内容,特别关注于移动设备的适配及用户体验优化。

META标签定义:用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。(摘自百度百科)

1、keywords用来告知搜索引擎网站的关键词。

<meta name="keywords" content="" />

2、description用来告知搜索引擎网站的关键词。

<meta name="description" content="" />

3、viewport用来做移动端的开发。

 (1)maximum-scale : 允许用户缩放到的最大比例,范围从0到10.0
(2)minimum-scale : 允许用户缩放到的最小比例,范围从0到10.0
(3)user-scalable : 用户是否可以手动缩放,yes、 true允许用户缩放;no、false不允许用户缩放
(4)initial-scale : 初始缩放比例,页面第一次加载时的缩放比例
(5)width:控制 viewport 的大小,一般为device-width 设备的宽度(单位为缩放为100% 时的 CSS 的像素)
(6)height:和 width 相对应,指定高度


<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0">

4、iphone用户手机号码默认为可拨号状态,改为no可以让手机号码不被显示为可拨号状态。

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

5、同上,改的是邮箱地址。
<meta content="email=no" name="format-detection">

6、同上,改的是地址不跳转到地图,这三个也可以写在一个meta标签里,以逗号隔开。

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

7、禁用掉uc浏览器判断到页面上文字居多时,会自动放大字体优化移动用户体验。

<meta name="wap-font-scale" content="no">

8、字符编码,防止中文乱码。

<meta charset="UTF-8">

9、"添加到主屏幕“后,全屏显示。

<meta content="yes" name="apple-touch-fullscreen">

10、删除默认的苹果工具栏和菜单栏,默认是显示。

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

持续更新中.......










评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值