html Head头标签

桃扇骨 2022-01-16 02:07 229阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

charset 编码

<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 ,网页内容充满整个屏幕，顶部会被状态栏遮挡

转载于:https://my.oschina.net/heyjuan/blog/729626

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220115/0d9f1dc05be44ac8a3747892ab4df677.png

发表评论取消回复

表情：

评论列表（有 0 条评论，229人围观）

还没有评论，来说两句吧...

相关阅读

相关 html-头标签的使用

　　HTML两部分组成 head和body 　　　　\\ 在head里面的标签就是头标签　　　　　　\\ title标签：表示在标签上显示的内容　　　　　　\\ me

短命女/ 2023年06月03日 05:51/ 0 赞/ 17 阅读

相关 HTML：head标签及作用

head标签 title：定义不同文档的标题 base：定义所有链接的URL link：定义文档与外部资源之间的关系 style：定义HTML文档

水深无声/ 2022年11月17日 05:29/ 0 赞/ 212 阅读

相关 html标签中head部分的写什么,前端技术：HTML部分---Head标签中包含的头文件标签，body标签包含的内部标签...

1、Head标签中包含的头文件标签的作用： (1)title标签：定义网页的标题。 (2)meta标签：一般用于定义页面的特殊信息，例如页面的关键字、页面描述等 (3)

小咪咪/ 2022年10月05日 13:48/ 0 赞/ 217 阅读

相关移动前端头部标签(HTML5 head meta)

`<!` `DOCTYPE` `html> ` `` `<` `html` `lang` `=` `"zh

川长思鸟来/ 2022年08月19日 01:49/ 0 赞/ 217 阅读

相关移动前端开发不得不了解的html5 head 头标签

文章转载自：[http://www.reqianduan.com/855.html][http_www.reqianduan.com_855.html] 本文主要内容来自[一

末蓝、/ 2022年06月14日 11:59/ 0 赞/ 199 阅读

相关 HTML meta标签总结,HTML5 head meta属性整理

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。链接:[http://caibaojian.com/mobile-meta.html\comme

水深无声/ 2022年06月09日 08:44/ 0 赞/ 287 阅读

相关 http head头

1、HTTP请求方式如下表： <table> <tbody> <tr> <td> <p>GET</p> </td> <td> <p>向We

妖狐艹你老母/ 2022年02月22日 00:53/ 0 赞/ 215 阅读

相关 html Head头标签

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] charset 编码 <meta charset="u

桃扇骨/ 2022年01月16日 02:07/ 0 赞/ 230 阅读

相关 HTML|| head标签及其示例

HTML <head> 元素 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"

Dear 丶/ 2021年11月04日 13:06/ 0 赞/ 279 阅读

相关 HTML head标签

head标签内容包括：网页标题标签：<title></title> 编码格式标签：<meta charset="utf-8"/> <me

不念不忘少年蓝@/ 2021年07月24日 17:04/ 0 赞/ 358 阅读