玩转HTML5+跨平台开发[7] HTML meta标签的其它类型

meta其它类型

Keywords类型

  • 作用: 告诉搜索引擎当前网页的关键词, 在SEO中非常重要, 能够提高搜索命中率, 让别人更容易找到你;
  • 格式: <meta name="keywords" content="IT前言技术、iOS技术、HTML5技术、Android技术" />

Descriiption类型

  • 作用: 告诉搜索引擎当前网页的主要内容, 在SEO中非常重要, 当别人在搜索引擎中搜索到你的网站时会自动作为对你网站的描述信息展示给用户, 能够提高搜索命中率, 让别人更容易找到你 ;
  • 格式: <meta name="description" content="江哥热爱于IT前言技术、iOS技术、HTML5技术、Android技术研究" />

Author类型

  • 作用: 告诉搜索引擎当前网页的作者, install B专用 ;
  • 格式: <meta name="author" content="Jonathan_Lee" />

Refresh类型

  • 作用: 告诉浏览器多久自动刷新一次页面并指向新页面, 常用于新老域名交替时, 访问老域名自动跳转到新域名, 或用语一些需要定时刷新的聊天室等.
  • 格式: <meta http-equiv="Refresh" content="2;URL=http://www.baidu.com/">

Robots类型

  • 作用: 告诉搜索引擎当前网页的作者, 写给网络爬虫看的内容 ;
  • 格式: <meta name="robots" content="all|none|index|follow|noindex|nofollow" />
    • index: 告诉搜索引擎允许抓取当前页面
    • noindex:告诉搜索引擎不允许抓取当前页面
    • follow: 告诉搜索引擎可以从当前页面上找到链接,然后继续访问抓取下去
    • nofollow:告诉搜索引擎不允许从当前页面上找到链接, 拒绝其继续访问
    • all: 告诉搜索引擎允许抓取当前页面, 并且允许从此页找到链接继续访问
    • none: 告诉搜索引擎不允许抓取这个页面,并且不允许从此页找到链接、拒绝其继续访问
  • 常见组合
    • <META NAME="ROBOTS" CONTENT="INDEX,FOLLOW">:可以抓取本页,而且可以顺着本页继续索引别的链接

      • 有可以写成<META NAME="ROBOTS" CONTENT="ALL">
    • <META NAME="ROBOTS" CONTENT="NOINDEX,FOLLOW">:不许抓取本页,但是可以顺着本页抓取索引别的链接
    • <META NAME="ROBOTS" CONTENT="INDEX,NOFOLLOW">:可以抓取本页,但是不许顺着本页抓取索引别的链接
    • <META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW">:不许抓取本页,也不许顺着本页抓取索引别的链接。
    • 注意事项:
      • 不要把两个对立的反义词写到一起,例如
      • 例如<META NAME="ROBOTS" CONTENT="INDEX,NOINDEX">
时间: 2024-10-11 03:46:26

玩转HTML5+跨平台开发[7] HTML meta标签的其它类型的相关文章

玩转HTML5+跨平台开发[6] H5多媒体标签

汇总 1. video标签 2. audio标签 3. summary标签和details标签-详情和概要标签 4. marquee标签-跑马灯效果 5. HTML中被废弃的标签 6. HTML实体 video标签 作用: 播放视频 格式1: <video src=""> </video> video标签的属性src: 用于告诉video标签需要播放的视频地址:autoplay: 用于告诉video标签是否需要自动播放视频:controls: 用于告诉video

玩转HTML5+跨平台开发[8] CSS基础-体验CSS

CSS起源 web的衰落: 在web早期(1990-1993),html是一个很局限的语言.几乎完全由用于描述段落,超链接,列表和标题的结构化元素组成.随着万维网的出现(用户交互体验的加强),对html的要求越来越大,人们迫切需要html增加新的元素,去完成一个特定的功能 迫于压力,html开始出现<font>,<i> , <s>等标签.但是html是一种描述结构的语言,也开始描述外在表现了.几年之后这种随便的做法暴露出严重的问题:1:由于html既写结构又写样式,导致

玩转HTML5+跨平台开发[9] CSS基础-CSS常见属性

文字属性 常用文字属性 属性 作用 格式 取值 快捷键 注意点 font-style 规定文字样式 font-style: italic; normal : 正常的, 默认就是正常的 italic : 倾斜的 fs font-style: italic; fsn font-style: normal;   font-weight 规定文字粗细 font-weight: bold; 单词取值: bold 加粗 bolder 比加粗还要粗 lighter 细线, 默认就是细线 数字取值: 100-9

HTML5移动开发中的meta与link

meta HTML5移动开发中的一些webkit专属头部标签,能够帮助浏览器更好的解析HTML代码,从而为HTML5移动开发提供更好的前端表现与体验 viewport网页缩放 1 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> UTF-8编码 1

移动端web开发,基本Meta标签

1.<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /> 作用:设置默认尺寸,对缩放进行限制. 2.<meta name="apple-touch-fullscreen" content="yes"> 作用:添加到

移动前端不得不了解的HTML5 head 头标签 —— Meta 标签

Meta 标签 meta标签是HTML中head头部的一个辅助性标签,它位于HTML文档头部的 <head> 和 <title> 标记之间,它提供用户不可见的信息.虽然这部分信息用户不可见,但是其作用非常强大,特别是当今的前端开发工作中,设置合适的meta标签可以大大提升网站页面的可用性. 桌面端开发中,meta标签通常用来为搜索引擎优化(SEO)及 robots定义页面主题,或者是定义用户浏览器上的cookie:它可以用于鉴别作者,设定页面格式,标注内容提要和关键字:还可以设置页

Html5 Web App 手机跨平台开发笔记

APP 开发平台包括Android 平台开发,Mac os X 平台开发以及Windows Phone 7平台开发.开发的程序都只能在各自手机系统上运行,如果开发出一种程序,能再以上任何系统上运行,那是多么美好的事情.而Html5 Mobile Web App就是其中一种跨平台方法.下面是相关知识的介绍 1.背景 HTML5是HTML的最新标准,HTML5的草案已经于2008年发布,目前W 3 C(万维网联盟)正在对此进行进一步完善.对许多人来说,早该进行这种改进了.十多年来,HTML一直没有进

APICloud视频教程_“H5移动跨平台开发”APICloud课程

"H5移动跨平台开发"APICloud课程 课程观看地址:http://www.xuetuwuyou.com/course/169 课程出自学途无忧网:http://www.xuetuwuyou.com 一.课程使用到的软件 APICloud Studuio(或Sublime.WebStorm加上APICloud插件) Google Chrome浏览器 海马玩手机模拟器(或真机) 二.课程目的:     随着IOS.Android等原生APP的开发成本大.维护成本大,"跨平台

聊聊移动端跨平台开发的各种技术

介绍 最近出现的 React Native 再次让跨平台移动端开发这个话题火起来了,曾经大家以为在手机上可以像桌面那样通过 Web 技术来实现跨平台开发,却大多因为性能或功能问题而放弃,不得不针对不同平台开发多个版本. 但这并没有阻止人们对跨平台开发技术的探索,毕竟谁不想降低开发成本,一次编写就处处运行呢?除了 React Native,这几年还出现过许多其它解决方案,本文我将会对这些方案进行技术分析,供感兴趣的读者参考. 为了方便讨论,我将它们分为了以下 4 大流派: Web 流:也被称为 H