META标签

META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等。

 

  name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。

  name的value值(name="")指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值,如:creationdate(创建日期) 、

document ID(文档编号)和level(等级)等。

  name的content指定实际内容。如:如果指定level(等级)为value(值),则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。

 

  1、Keywords (关键字)

   说明:为搜索引擎提供的关键字列表

   用法:<Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4,……">

   注意:各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如:

      <Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine">

      <Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil">

 

  2、Description (简介)

   说明:Description用来告诉搜索引擎你的网站主要内容。

   用法:<Meta name="Description" Content="你网页的简述">

   注意:

 

  3、Robots (机器人向导)

   说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。

   用法:<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">

   注意:许多搜索引擎都通过放出robot/spider搜索来登录网站,这些robot/spider就要用到meta元素的一些特性来决定怎样登录。

 

    all:文件将被检索,且页面上的链接可以被查询;

    none:文件将不被检索,且页面上的链接不可以被查询;(和 "noindex, no follow" 起相同作用)

    index:文件将被检索;(让robot/spider登录)

    follow:页面上的链接可以被查询;

    noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)

   nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)

 

  4、Author (作者)

   说明:标注网页的作者或制作组

   用法:<Meta name="Author" Content="张三,abc@sina.com">

   注意:Content可以是:你或你的制作组的名字,或Email

 

  5、Copyright (版权)

   说明:标注版权

   用法:<Meta name="Copyright" Content="本页版权归Zerospace所有。All Rights Reserved">

   注意:

 

  6、Generator (编辑器)

   说明:编辑器的说明

   用法:<Meta name="Generator" Content="PCDATA|FrontPage|">

   注意:Content="你所用编辑器"

 

  7、revisit-after (重访)

   说明:

   用法:<META name="revisit-after" CONTENT="7 days" >

   注意:

<think>我们正在讨论HTML meta标签的作用和常见用法。根据提供的引用内容,我们可以总结如下: 1. **字符集声明**:通过`<meta charset="utf-8">`指定文档的字符编码,防止乱码。 2. **网页关键字**:使用`<meta name="keywords" content="关键词1,关键词2">`为搜索引擎提供网页的关键字。 3. **网页描述**:使用`<meta name="description" content="网页描述">`提供网页的简要描述,通常显示在搜索引擎结果中。 4. **重定向**:使用`<meta http-equiv="refresh" content="秒数;url=目标网址">`实现页面的自动刷新或跳转。 5. **其他元数据**:如作者、最后修改时间等,可以通过`<meta name="author" content="作者名">`等形式提供。 此外,引用[4]提到了一些不太常见的用法,例如使用`topic`和`subject`来指定网站的主旨或主题。 现在,我将按照要求生成相关问题,并在回答中自然地添加引用标识。</think>### HTML Meta 标签的作用与常见用法 HTML `<meta>` 标签是位于文档头部(`<head>`)的自闭合标签,用于定义网页的元数据(metadata)。这些数据不会直接显示在页面上,但会被浏览器、搜索引擎和其他网络服务解析使用[^2][^3]。其主要作用和常见用法如下: #### 一、核心作用 1. **字符集声明**(防乱码) ```html <meta charset="UTF-8"> ``` 指定文档解码字符集(如UTF-8),确保多语言文本正确显示[^3]。 2. **搜索引擎优化** - **关键词设置**(影响搜索索引): ```html <meta name="keywords" content="前端开发,HTML教程,CSS技巧"> ``` - **页面描述**(显示在搜索结果页): ```html <meta name="description" content="免费HTML/CSS学习资源库"> ``` 注意:现代搜索引擎算法已弱化其对排名的影响,但仍会抓取这些信息[^1][^2]。 3. **页面行为控制** - 自动刷新/重定向: ```html <meta http-equiv="refresh" content="5; url=https://example.com"> ``` 实现"5秒后跳转至新页面"[^3]。 #### 二、进阶用法 4. **视口适配**(移动端响应式) ```html <meta name="viewport" content="width=device-width, initial-scale=1.0"> ``` 控制移动设备上的显示比例和尺寸[^2]。 5. **作者与版权信息** ```html <meta name="author" content="张三"> <meta name="copyright" content="版权所有"> ``` 6. **主题标识** ```html <meta name="topic" content="前端技术"> <meta name="subject" content="Web开发教程"> ``` 辅助内容分类[^4]。 #### 三、技术特性 - **http-equiv 属性**:模拟HTTP头字段,如缓存控制: ```html <meta http-equiv="Cache-Control" content="no-cache"> ``` - **兼容性声明**:强制IE使用最新渲染引擎: ```html <meta http-equiv="X-UA-Compatible" content="IE=edge"> ``` > **注意事项**: > - Meta标签需放在`<head>`内,通常位于`<title>`之后 > - 过度堆砌关键词可能被搜索引擎判定为作弊[^1] > - HTML5简化了语法(如`charset`替代`http-equiv`)[^2]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值