html Head头标签
2016-08-08 00:00
281 查看
charset 编码
<meta charset="utf-8">
繁体中文<html lang="zh-cmn-Hant">
360 浏览器就会在读取到这个标签后,立即切换对应的极速核。 另外为了保险起见再加入
内容与SEO相关的属性:
百度禁止转码
通过百度手机打开网页时,百度可能会对你的网页进行转码,脱下你的衣服,往你的身上贴狗皮膏药的广告,为此可在 head 内添加
SEO所使用的meta属性
禁止数字自动识别为电话号码
添加 favicon icon
添加RSS订阅
IOS相关属性
添加到主屏幕的标题
是否启用 WebApp 全屏模式
设置状态栏的背景颜色,只在启用WebApp全屏模式后生效
content 参数:
1 . default 默认值。
2 . black 状态栏背景是黑色。
3 . black-translucent 状态栏背景是黑色半透明。 如果设置为 default 或 black ,网页内容从状态栏底部开始。 如果设置为 black-translucent ,网页内容充满整个屏幕,顶部会被状态栏遮挡
<meta charset="utf-8">
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 ,网页内容充满整个屏幕,顶部会被状态栏遮挡
相关文章推荐
- html的head内标签
- html中head里的meta标签的用法
- HTML head 头标签
- Html_Head部分及基本块级标签
- HTML head 头标签详细介绍
- HTML head 头标签详细解答
- HTML学习---------1.5认识head标签
- 关于html头部<head>标签四要素的认识
- HTML head 头标签
- 前端学习第二章:认识html文件基本结构&认识head标签
- HTML的层次结构和head标签...
- HTML head 头标签(转)
- 关于 HTML head 头标签
- HTML学习感想(1)【<head>标签中的大作用】
- 从零开始学Web之HTML(二)标签、超链接、特殊符号、列表、音乐、滚动、head等
- html head 内置标签顺序
- html <head>标签中<meta>的用法
- 【转】【问题】HTML标签head内容被移至body,顶部有空隙
- 细说HTML<head>内标签之<meta>
- HTML标签head详解