<meta>元素必须放在<head>标记内,而且必须写在HTML文件前1024B之内

<meta>元素的主要目的是提供有关这份HTML文件的相关信息。例如编码方式,作者信息,关键词信息或重新导向网址以便将用户导向至另一个网址等。

一个<head>标记内有多个<meta>元素存在。

以下转载自   https://www.jianshu.com/p/6549bec5d0e1

meta 标签的作用

  • 搜索引擎(SEO)优化;
  • 定义页面使用语言;
  • 自动刷新页面;
  • 控制页面缓存;
  • 网页定级评价;
  • 控制页面显示的窗口;
  • 等等...

meta 使用

<meta>标签总共有 3 个属性,不同的属性和值组成了网页不同的功能:

  • name
  • http-equiv
  • content

name 属性

name属性主要是用于描述网页的,对应content属性中的内容是便于搜索引擎查找和分类信息。语法:

<meta name="" content="" />

name="keywords"

它是用来设置,让搜索引擎获取网页的关键字:

<meta name="keywords" content="活动,聚会,拓展,团建,培训,讲座" />

name="description"

它是用来设置,让搜索引擎获取网页的内容描述:

<meta name="description" content="百场汇是中国最大的会议活动和工作场地短租平台,提供场地直销服务,价格超低,无任何附加费用,帮助用户寻找各种各样的特色场地。" />

name="robots"

它是用来设置,让搜索引擎哪些页面需要索引,哪些页面不需要索引。content 有如下参数:

  • all:文件将被检索,且页面上的链接可以被查询;
  • none:文件将不被检索,且页面上的链接不可以被查询;
  • index:文件将被检索;
  • noindex:文件将不被检索,但页面上的链接可以被查询;
  • follow:页面上的链接可以被查询;
  • nofollow:文件将被检索,但页面上的链接不可以被查询。
<meta name="robots" content="all" />

name="author"

它是来设置页面的作者:

<meta name="author" content="jay" />

name="generator"

它是来设置网站采用什么软件制作的:

<meta name="generator" content="hobbit" />

name="COPYRIGHT"

它是来设置网站的版权信息的:

<meta name="COPYRIGHT" content="百场汇" />

name="revisit-after"

它是来设置网站的重访,30day代表30天:

<meta name="revisit-after" content="30day" />

name="viewport"

它是来控制浏览器窗口的大小和缩放的,由于它在现代浏览器,特别是 Mobile 端浏览器非常常用,我们会用专门的一片文章来讲解它:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

http-equiv 属性

http-equiv相当于 HTTP 的文件头的设置。语法:

<meta http-equiv="" content="" />

http-equiv="expires"

它是来设置网页的过期时间的:

<meta http-equiv="expires" content="Fri May 13 2016 22:49:44 GMT+0800 (CST)" />

http-equiv="Pragma"

它是来设置禁止浏览器从本地缓存中访问页面:

<meta http-equiv="Pragma" content="no-cache" />

http-equiv="Refresh"

它是来设置自动刷新并跳转新页面,其中content第一个数字代表 5 秒后自动刷新:

<meta http-equiv="Refresh" content="5;URL=http://m.baichanghui.com" />

http-equiv="Set-Cookie"

它是来设置 Cookie 的:

<meta http-equiv="Set-Cookie" content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/" />

http-equiv="content-Type"

它是来设置页面使用的字符集:

<meta http-equiv="content-Type" content="text/html;charset=gb2312" />

http-equiv="Content-Language"

它是来设置页面的语言的:

<meta http-equiv="Content-Language" content="zh-cn" />

HTML中的meta元素的更多相关文章

  1. html中的meta元素及viewport属性值

    <meta name="viewport" content="width=device-width , initial-scale=1.0, maximum-sca ...

  2. 手机页面head中的meta元素

    <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="ex ...

  3. < meta > 元素

    < meta > 元素 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 we ...

  4. <meta>元素

    HTML <meta> 元素 meta标签描述了一些基本的元数据. <meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析. META元素通常用于指定网页的描 ...

  5. HTML中常用meta整理

    < meta > 元素 定义 meta标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其 ...

  6. 浅析网站开发中的 meta 标签的作用

    *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* ...

  7. Meta元素可视区

    一.网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放. <meta name="viewport" cont ...

  8. < meta > 元素(转)

    < meta > 元素 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 we ...

  9. < meta > 元素 概要

    < meta > 元素 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 we ...

随机推荐

  1. AcWing 913. 排队打水

    #include <iostream> #include <algorithm> using namespace std; typedef long long LL; ; in ...

  2. Apache Kafka(十一)Topic 的配置与组成

    Topic 的配置与组成 之前我们仅主要介绍了Kafka Producer与Kafka Consumer 的相关配置,而未详细介绍过有关topic的配置.Topic的配置在Kafka 使用中也至关重要 ...

  3. [NLP]Transformer-XL论文解读

    关于Transformer的具体内容,可以访问:https://www.cnblogs.com/mj-selina/p/12369797.html 简介 Transformer是Google Brai ...

  4. 题解【SP2713】GSS4 - Can you answer these queries IV

    题目描述 You are given a sequence \(A\) of \(N(N \leq 100,000)\) positive integers. There sum will be le ...

  5. testng的注解

    今天又学了点testng的新知识.原来在testng执行用例时,同一个class中的各个method按照字母顺序执行.为了实现自定义顺序执行,怎么办呢? 加入注解priority,举例如下: http ...

  6. setInterval 和 setTimeout 定时器

    前端定时器 setInterval 和 setTimeout setInterval 循环执行 循环执行就是设置一个时间间隔,每过一段时间都会执行一次这个方法,直到这个定时器被销毁掉. 用法是setI ...

  7. ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked.

    ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. 解决方案: 异步更新 ...

  8. hadoop之mr框架的源码理解注意点

    1.reduce源码中的 GroupComparable和SecondaryComparable到底都是干什么的 理解点1: 源码位置 理解点 secondaryComparable这个是可以对map ...

  9. Java下载文件时文件名中的中文变成下划线,其他正常

    将 utf-8 转换成 ISO8859-1 编码 response.addHeader("Content-Disposition", "attachment;filena ...

  10. 解决Hbase启动后,hmaster会在几秒钟后自动关闭(停掉)!!!

    在日志(身为小白白的我,一开始日志在哪我都不知道!路径:/usr/local/hadoop/app/hbase-0.98.8/logs/hbase-hadoop-master-Master.log(也 ...