html Head头标签 | 易学教程

charset 编码

lang属性

简体中文<html lang="zh-cmn-Hans">
繁体中文<html lang="zh-cmn-Hant">

优先使用 IE 最新版本和 Chrome

	
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

360 使用Google Chrome Frame

<meta name="renderer" content="webkit">

360 浏览器就会在读取到这个标签后，立即切换对应的极速核。另外为了保险起见再加入

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

内容与SEO相关的属性：

百度禁止转码
通过百度手机打开网页时，百度可能会对你的网页进行转码，脱下你的衣服，往你的身上贴狗皮膏药的广告，为此可在 head 内添加

<meta http-equiv="Cache-Control" content="no-siteapp" />

SEO所使用的meta属性

<meta  name="keywords"  content="网页的关键词，使用,进行分隔，一般不超过100个字符"/>
<meta  name="description"  content="网页的描述信息，一般不超过200个字符"/>
<meta  name="robots"  content="index,follow"/>
/*
*  robots属性定义网页搜索引擎索引方式，是一组使用英文逗号「,」分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow，具体的说明请参考Robots  Meta标签及其用法。
*/
<meta  name="author"  content="网页作者的相关信息"/>

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

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

添加 favicon icon

<link  rel="shortcut  icon"  type="image/ico"  href="/iwenku_favicon.ico"  />

添加RSS订阅

<link  rel="alternate"  type="application/rss+xml"  title="RSS"  href="/iwenku_rss.xml"  />

IOS相关属性

添加到主屏幕的标题

<meta  name="apple-mobile-web-app-title"  content="标题">

是否启用 WebApp 全屏模式

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

设置状态栏的背景颜色，只在启用WebApp全屏模式后生效

<meta  name="apple-mobile-web-app-status-bar-style"  content="black-translucent"  />

content 参数:
1 . default 默认值。
2 . black 状态栏背景是黑色。
3 . black-translucent 状态栏背景是黑色半透明。如果设置为 default 或 black ,网页内容从状态栏底部开始。如果设置为 black-translucent ,网页内容充满整个屏幕，顶部会被状态栏遮挡

来源：oschina

链接：https://my.oschina.net/u/2647675/blog/729626

标签