html相关知识——meta标签

Meta标签是HTML语言中HEAD区的一个辅助性标签,它位于HTML文档头部的<head>标记 和<title>标记之间,它提供用户不可见的信息。META标签有两个重要的属性:HTTP标题信息(HTTP-EQUIV)页面描述信 息(name)

  • <meta charset=“utf-8”>告诉浏览器以utf-8的方式去解码(浏览器有自己默认的解码方式)

  • <meta http-equiv=“X-UA-Compatible” content=“IE=edge,chrome=1”>告诉浏览器以最新的方式(最新的内核)去渲染

  • name属性是描述网页的,对应于content(网页内容),以便于搜索引擎机器人查找、分类,目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类。
    Meta标签的name属性语法格式:<meta name=“参数” content="具体参数值">

  • Keywords (关键字)
    说明:告诉搜索引擎你网页的关键字是什么。
    用法:<meta name=“keywords” content=“SEO优化,SEO优化教程,网站优化,搜索引擎优化教程”>

  • Description (网页描述)
    说明:Description用来告诉搜索引擎你的网页主要内容。
    用法:<meta name=“description” content=“学习研究搜索引擎优化网提供专业的SEO优化教程,收集整理SEO优化文章、SEO优化工具,为网络营销贡献出自己的一份力量。” />

  • Robots (机器人向导)
    说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。
    用法:<meta name=“robots” content=“All|None|Index|Noindex|Follow|Nofollow”>

    • all:文件将被检索,且页面上的链接可以被查询;
    • none:文件将不被检索,且页面上的链接不可以被查询;(和 “noindex, no follow” 起相同作用)
    • index:文件将被检索;(让robot/spider登录)
    • follow:页面上的链接可以被查询;
    • noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)
    • nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)
  • Author (作者)
    说明:标注网页的作者或制作组
    用法:<meta name=“author” content=“mycodewind,mycodewind@qq.com”>
    注意:Content可以是:你或你的制作组的名字,或Email

  • Copyright (版权)
    说明:标注版权
    用法:<meta name=“copyright” content=“本网站版权归CSDN所有”>

  • Generator (编辑器)
    说明:编辑器的说明
    用法:<meta name=“generator” content=“PCDATA|FrontPage|”>
    注意:Content=“你所用编辑器”

  • Revisit-after (重访)
    说明:通知搜索引擎多少天访问一次
    用法:<meta name=“revisit-after” content=“7 days” >

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • (注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!)(注2:更多内容请查看我的目录。) ...
    love丁酥酥阅读 937评论 2 3
  • meta   元素可提供相关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关...
    鹿守心畔光阅读 693评论 0 2
  • 前言 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签...
    Ymuyi阅读 1,441评论 4 29
  • 引子 下面具体介绍一下meta的功能和使用。 前言 meta是html语言head区的一个辅助性标签。也许你认为这...
    随风化作雨阅读 248评论 0 0
  • 很多人忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴...
    燃烧吧_小宇宙阅读 1,350评论 0 0