分类
商品
商品
店铺
资讯
分类
商品
商品
店铺
资讯

HTML 常使用头部标签(meta)

  • 时间:2018-07-09 22:26 作者:程序员小新人学习 来源:程序员小新人学习 阅读:940
  • 扫一扫,手机访问
摘要:先来看下常使用的标签列表,后文会逐个详情: 标题基本标签用 HTML5 doctype,不区分大小写。 公告文档用的字符编码 更加标准的 lang 属性写法 http://zhi
HTML 常使用头部标签(meta)

先来看下常使用的标签列表,后文会逐个详情:

标题

基本标签

用 HTML5 doctype,不区分大小写。

公告文档用的字符编码

更加标准的 lang 属性写法 http://zhi.hu/XyIa

  • 简体中文
  • 繁体中文

很少情况才需要加地区代码,通常是为了强调不同地区汉语用差异,例如:

菠萝鳳梨其实是同一种水果。只是大陆和台湾称谓不同,且新加坡、马来西亚一带的称谓也是不同的,称之为黄梨

优先用 IE 最新版本和 Chrome


SEO 优化

页面形容

每个网页都应有一个不超过 150 个字符且可以精确反映网页内容的形容标签。文档

页面关键词

定义页面标题

标题

定义网页作者

定义网页搜索引擎索引方式,robotterms是一组用英文逗号「,」分割的值,通常有如下几种取值:none,noindex,nofollow,all,index和follow。文档


可选标签

为移动设施增加 viewport

content 参数:

  • width viewport 宽度(数值/device-width)
  • height viewport 高度(数值/device-height)
  • initial-scale 初始缩放比例
  • maximum-scale 最大缩放比例
  • minimum-scale 最小缩放比例
  • user-scalable 能否允许使用户缩放(yes/no)
  • minimal-ui iOS 7.1 beta 2 中新添加属性(注意:iOS8 中已经删除),能在页面加载时最小化上下状态栏。这是一个布尔值,能直接这样写:

iOS 设施

增加到主屏后的标题(iOS 6 新添加)

能否启使用 WebApp 全屏模式

设置状态栏的背景颜色

content 参数:

  • default 默认值。
  • black 状态栏背景是黑色。
  • black-translucent 状态栏背景是黑色半透明。

假如设置为 default 或者 black ,网页内容从状态栏底部开始。

假如设置为 black-translucent ,网页内容充满整个屏幕,顶部会被状态栏遮挡。

禁止数字识自动别为电话号码

iOS 图标

rel 参数:

apple-touch-icon 图片自动解决成圆角和高光等效果。

apple-touch-icon-precomposed 禁止系统自动增加效果,直接显示设计原图。

iPhone 和 iTouch,默认 57x57 像素,必需有

iPad,72x72 像素,能没有,但推荐有

Retina iPhone 和 Retina iTouch,114x114 像素,能没有,但推荐有

Retina iPad,144x144 像素,能没有,但推荐有

iOS 启动画面

官方文档:https://developer.apple.com/library/ios/qa/qa1686/_index.html

参考文章:http://wxd.ctrip.com/blog/2013/09/ios7-hig-24/

iPad 的启动画面是不包括状态栏区域的。

iPad 竖屏 768 x 1004(标准分辨率)

iPad 竖屏 1536x2008(Retina)

iPad 横屏 1024x748(标准分辨率)

iPad 横屏 2048x1496(Retina)

iPhone 和 iPod touch 的启动画面是包含状态栏区域的。

iPhone/iPod Touch 竖屏 320x480 (标准分辨率)

iPhone/iPod Touch 竖屏 640x960 (Retina)

iPhone 5/iPod Touch 5 竖屏 640x1136 (Retina)

增加智可以 App 广告条 Smart App Banner(iOS 6+ Safari)文档


Android

Android Lollipop 中的 Chrome 39 添加 theme-color meta 标签,使用来控制选项卡颜色。

http://updates.html5rocks.com/2014/11/Support-for-theme-color-in-Chrome-39-for-Android

HTML 常使用头部标签(meta)


Windows 8

Windows 8 磁贴颜色

Windows 8 磁贴图标


其余

增加 RSS 订阅

增加 favicon icon

禁止 Chrome 浏览器中自动提醒翻译

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】补单系统搭建补单源码搭建(2022-05-18 11:35)
【系统环境|服务器应用】高端显卡再度登上热搜,竟然是因为“断崖式”的降价(2022-04-12 19:47)
【系统环境|软件环境】一步步教你开发、部署第一个去中心化应用 - 宠物商店(2022-03-15 15:13)
【系统环境|软件环境】循序渐进!一文学会高性能开发十大必需掌握的核心技术。(2022-03-15 15:13)
【系统环境|软件环境】Python游戏开发,pygame模块,Python实现贪吃蛇小游戏(2022-03-15 15:13)
【系统环境|软件环境】Spring Cloud Feign 记录单个服务耗时并处理 Hystrix 线程隔离模式!(2022-03-15 15:13)
【系统环境|软件环境】js数组方法全解(2022-03-15 15:12)
【系统环境|软件环境】字节二面:小伙子你来说下什么是伪共享?如何避免?(2022-03-15 15:12)
【系统环境|软件环境】写了Bug,误执行 rm -fr /*,我删删删删库了,要跑路吗?(2022-03-15 15:12)
【系统环境|软件环境】算法四:数字-复数计算(2022-03-15 15:12)
血鸟云
手机二维码手机访问领取大礼包
返回顶部