移动端Web系列4 -- meta

本文详细介绍了移动端Web开发中meta标签的使用,包括viewport、format-detection、apple-mobile-web-app-capable、apple-mobile-web-app-status-bar-style等,以及webapp对应的Link标签,如apple-touch-icon和apple-touch-startup-image。内容涵盖这些标签的功能、效果及其在不同设备上的表现,旨在帮助开发者优化移动Web体验。
摘要由CSDN通过智能技术生成

分类

在介绍移动端特有 meta 标签之前,先简单说一下 HTML meta 标签的一些知识。
meta 标签包含了 HTTP 标题信息(http-equiv) 和页面描述信息(name)。

  • http-equiv:
    该枚举的属性定义,可以改变服务器和用户代理行为的编译。编译的值取content 里的内容。简单来说即可以模拟 HTTP 协议响应头。
    最常见的大概属于Content-Type了,设置编码类型。如

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    

    H5中可以简化为

    <meta charset="utf-8">
    

    http-equiv常见还有其它如下等(合理使用可增加 SEO 收录)。

    • Content-Language : 设置网页语言
    • Refresh : 指定时间刷新页面
    • set-cookie : 设定页面 cookie 过期时间
    • last-modified : 页面最后生成时间
    • expires : 设置 cache 过期时间
    • cache-control : 设置文档的缓存机制
    • ...
  • name:
    该属性定义了文档级元数据的名称。用于对应网页内容,便于搜索引擎查找分类,如 keywords, description; 也可以使用浏览器厂商自定义的 meta, 如 viewport;

移动端特有属

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值