博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html5 head 标签
阅读量:6861 次
发布时间:2019-06-26

本文共 2064 字,大约阅读时间需要 6 分钟。

一、html lang 属性

以前我们常用的是 <html lang="zh-CN"> 或简写的 <html lang="zh">,但实际上 推荐使用 zh-Hans 简体中文zh-Hant 繁体中文,可以提高一致性和准确。

二、meta 标签

  • 1.声明文档使用的字符编码

    • <meta charset="utf-8"> 用于 HTML5
    • <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 用于 HTML4 或者 XHTML 或用于过时的 dom 解析器

    通常我们会使用短的。实际上,在 HTML5 中,以上两种是等价的,只是短的更容易被记住。更多对比见

  • 2.优先使用 IE 最新版本和 Chrome

    复制代码
  • 3.360 使用 Google Chrome Frame

    复制代码

    具体详情见

    复制代码
  • 4.百度禁止转码 在使用百度移动搜索时,百度会自动将网站进行转码,添加一些烦人的广告,如果我们不做百度广告,是可以通过 meta 标签禁止网站被转码

    复制代码

    相关网站:

  • 5.SEO 优化

    • 页面标题 title
    your title复制代码
    • 页面关键词 keywords
    复制代码
    • 页面描述内容 description
    复制代码
    • 定义网页作者 author
    复制代码
    • 定义网页搜索引擎索引方式
    复制代码

  • 6.为移动设备添加 viewport,可以让布局在移动浏览器上显示的更好

    复制代码

    width=device-width 会导致 iPhone5 添加到主屏后以 WebApp 全屏模式打开页面时出现

    注意: minimal-ui iOS8 中已经删除

  • 7.ios 设备

    • 添加到主屏后的标题(iOS 6 新增)
    复制代码
    • 是否启用 WebApp 全屏模式,删除苹果默认的工具栏和菜单栏
    复制代码
    • 设置状态栏的背景颜色
    复制代码

    default 默认值。black 状态栏背景是黑色。black-translucent 状态栏背景是黑色半透明。    如果设置为 default 或 black ,网页内容从状态栏底部开始。    如果设置为 black-translucent ,网页内容充满整个屏幕,顶部会被状态栏遮挡。复制代码
    • 禁止数字识自动别为电话号码
    复制代码
    • 添加智能 App 广告条 Smart App Banner(iOS 6+ Safari)
    复制代码

    content 属性可以传三个参数,以逗号隔开:

    app-id(必选) 填写应用在APPStrore的ID affiliate-data(可选) 是iTunes 分销联盟计划的ID 一般用不到。app-argument(可选)点击『打开』给APP传参数复制代码
  • 8.关闭 chrome 浏览器下翻译插件

    复制代码
  • 9.去除手机半透明背景

    • ios 点击链接,会出现一个半透明灰色遮罩
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);复制代码
    • android 点击链接,会出现一个边框或者半透明灰色遮罩, 不同生产商定义出来额效果不一样,可以做一下设置去除部分机器自带的效果
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);复制代码
    • windows phone 系统,点击标签产生的灰色半透明背景,添加 meta 标签去除
    复制代码

    注意:部分机型可能去除不了,如果是按钮,可以避免使用 ainput,使用 div 代替

  • 10.刷新浏览器 content -- 时间;网址

    复制代码
  • 11.强制竖屏与全屏 landscape -- 横屏;portrait -- 竖屏

    复制代码
  • 12.应用模式

    复制代码

    browsermode 作用:

    复制代码
  • 13.UC排版模式

    UC 浏览器提供两种排版模式,分别是适屏模式(fitscreen)及标准模式(standard),其中适屏模式简化了一些页面的处理,使得页面内容更适合进行页面阅读、节省流量及响应更快,而标准模式则能按照标准规范对页面进行排版及渲染。

    复制代码
  • 14.cookie 设定指定时间后删除

    复制代码

三、参考链接

转载地址:http://ksayl.baihongyu.com/

你可能感兴趣的文章
MS DOS 命令大全
查看>>
升级10.10 Yosemite 后,cocoapods 出现错误(解决方案)
查看>>
UEditor编辑器两个版本任意文件上传漏洞分析
查看>>
Redis分布式锁服务(八)
查看>>
MySQL的引入
查看>>
C++单例模式
查看>>
bower安装报错”Cannot be run with sudo”解决办法
查看>>
android平台中编写jni模块的方法(3)
查看>>
软件工程网络15结对编程1——四则运算优化
查看>>
进程、应用程序域,线程和上下文之间的关系
查看>>
Spring源码学习之一下载和导入
查看>>
13.使用第三方类实现动画
查看>>
H5在js中向指定的元素添加样式
查看>>
本地通知,UILocalNotification
查看>>
分页---总结
查看>>
前端开发的历史和趋势(转摘阮一峰)
查看>>
Ubuntu 削减非 LTS 支持周期
查看>>
_实用的cms企业后台管理模板
查看>>
菜鸟看Redis(一)
查看>>
matplotlib.pyplot.plot()参数详解
查看>>