专栏首页ytkah常用meta标签整理

常用meta标签整理

常用meta标签列表,为了加强记忆,ytkah采用先放代码再放注释的形式,献给有需要的朋友们

<meta charset="utf-8">

  ↑↑↑ 设置页面编码为UTF8,防止乱码,需要页面保存为UTF8无BOM格式

<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

  ↑↑↑ 这个属性常用于设计移动端网页

<meta http-equiv="X-UA-Compatible" content="IE=edge">

  ↑↑↑ 为IE设置兼容模式为edge

<meta name="keywords" content="关键词">
<meta name="description" content="描述">

  ↑↑↑ 页面关键词、描述

<meta name="robots" content="all">

  ↑↑↑ robots用来告诉爬虫哪些页面需要索引,哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all。

具体参数如下:

1.none : 搜索引擎将忽略此网页,等价于noindex,nofollow。 2.noindex : 搜索引擎不索引此网页。 3.nofollow: 搜索引擎不继续通过此网页的链接索引搜索其它的网页。 4.all : 搜索引擎将索引此网页与继续通过此网页的链接索引,等价于index,follow。 5.index : 搜索引擎索引此网页。 6.follow : 搜索引擎继续通过此网页的链接索引搜索其它的网页。

<meta name="author" content="ytkah">

  ↑↑↑ 用于标注网页作者

<meta name="generator" content="PHPStorm">

  ↑↑↑ 用于标明网页是什么软件做的

<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon"> 

  ↑↑↑ 显示并指定favicon图标的位置

<meta http-equiv="refresh" content="30">

  ↑↑↑ 网页将在设定的30秒后自动刷新

<meta http-equiv="refresh" content="5" url="https://www.cnblogs.com/ytkah">

  ↑↑↑ 网页将在设定的5秒时间后,自动刷新并调向设定的网址。

其他一些标签

<meta name="copyright" content="本页版权归XX所有,All Rights Reserved."> 标注版权

<base href="http://www.xx.com/" target="_blank"> 为相对地址指定基地址,并设置为新窗口打开

<meta name="format-detection" content="telephone=no"> 禁止电话号码识别

<meta name="format-detection" content="email=no"> 禁止邮箱识别

<meta name="format-detection" content="adress=no"> 禁止识别地址和跳转到地图功能

WebApp全屏模式:伪装app,离线应用。

<meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 启用 WebApp 全屏模式 -->

隐藏状态栏/设置状态栏颜色:只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。

<meta name="apple-mobile-web-app-capable" content="yes"> 禁用工具栏与菜单栏,苹果系专属

<meta name="apple-mobile-web-app-status-bar-style" content="default"> 状态栏为默认样式,苹果系专属

<meta name="apple-mobile-web-app-status-bar-style" content="black"> 状态栏为黑色样式,苹果系专属

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 状态栏为灰色样式,苹果系专属

<meta name="apple-mobile-web-app-status-bar-style" content="blank"> 隐藏状态栏,苹果系专属

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 如何在js中将统计代码图标隐藏

      建站时我们都会加一下网站统计,方便把控内容的内容的运营。大部分站长安装的站点统计是第三方统计代码,js形式的,很少用以服务器日志为基础分析的统计。(当然能通...

    ytkah
  • woocommerce隐藏breadcrumb面包屑导航

      woocommerce已经集成比较完善的组件,当然也包含breadcrumb面包屑导航,但是我们如果调整一下breadcrumb的位置要如何操作呢?首先要先...

    ytkah
  • the_permalink()和get_permalink()的区别

      wordpress中the_permalink()是用于posts loop循环中(判断是否有文章,如果有文章则展示出来;如果没有文章就显示没有文章),常用...

    ytkah
  • HTML head 头标签 总结

    HTML head 头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多...

    前朝楚水
  • html头部meta属性大全

    IT故事会
  • WebGL 动画

    孙亖
  • python练习题-day26

    郭耀华
  • Python - 面向对象学习

    你现在是一家游戏公司的开发人员,现在需要你开发一款叫做<人狗大战>的游戏,你就思考呀,人狗作战,那至少需要2个角色,一个是人, 一个是狗,且人和狗都有不同的技能...

    py3study
  • Django2.2搭建一个简易的网站下载youtube视频

    https://github.com/nficano/pytube/issues/591

    用户7010445
  • 面向对象学习

    你现在是一家游戏公司的开发人员,现在需要你开发一款叫做<人狗大战>的游戏,你就思考呀,人狗作战,那至少需要2个角色,一个是人, 一个是狗,且人和狗都有不同的技能...

    hankleo

扫码关注云+社区

领取腾讯云代金券