从灯塔报告中找到h5移动端的优化建议
- 指定Chrome和Opera中主题的背景颜色
<!-- 设置Chrome和Opera浏览器下的主题色 -->
<meta name="theme-color" content="#4285f4">
<!-- safari展示独特的加载图片 -->
<link rel="apple-touch-startup-image" href="icon.png">
<!-- 修改状态栏的外观 black留出时间栏 black-translucent时间栏也被覆盖 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- 360浏览器默认webkit内核渲染 -->
<meta name="renderer" content="webkit">
<!-- 国内双核浏览器默认webkit内核渲染 -->
<meta name="force-rendering" content="webkit">
<!-- 取消百度转码 -->
<meta http-equiv="Cache-Control" content="no-siteapp">
<!-- google opensearch -->
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub">
<!-- 添加一个网站清单 -->
<link rel="manifest" href="./manifset.json">
表单可访问性回顾 aria-label aria-labelledby
link: 定义当前文本与外部资源的关系
meta: 使用元数据 描述以及定义当前使用的页面