• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    HTML中的<meta;标签的使用详解

      在我们制作的网页中,要是想让它能够让更多的人去访问,最好的方法就是通过搜索引擎来找到你的网址,于是需要你的网页可以有关键词能够让搜索引擎来识别,于是HTML中的<meta>标签就是这个功能,将这个页面的关键信息写入去,让搜索引擎能够去识别,那么接下来就说一下<meta>如何去使用:

    <head>
    <title>mate</title>
    <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
    <meta name="author" content="Erwin Aligam - styleshout.com" />
    <meta name="description" content="Site Description Here" />
    <meta name="keywords" content="keywords, here" />
    <meta name="robots" content="index, follow, noarchive" />
    <meta name="googlebot" content="noarchive" />
    </head>

      1.属性的使用

      这个是一个简单的实例,这个标签是写在<head>中,不会被用户看到,这个是更具自己的需求来看是否要这些功能,标签的属性主要有http-equiv和name。

      http-equiv就像http的头文件,可以向浏览器发送一些有用的信息,帮助更好得显示自己想要的内容,http-equiv属性的值可以有content-type、expires、refresh等等。

      name该属性主要用于描述网页。name属性的值可以有:author、description、keywords、generator等等。

      2.name属性的应用

      name的使用可以看上面的列子,比如keywords和description,关键词和描述的使用,因为按照搜索引擎的工作原理,搜索引擎会首先排除机器人自动检索页面中的keywords和description,并将其加入自己的数据库,然后根据关键词的密度将网站排序,所以这两个属性很重要

        注意:keywords的content内容要限制在36个字。

         description的content内容要限制在76个字。

      这俩个需要配合使用

    总结

    以上所述是小编给大家介绍的HTML中的<meta>标签的使用详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    上一篇:html2canvas 将html代码转为图片的使用方法
    下一篇:移动 web 端屏幕适配(rem)
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    HTML中的&lt;meta;标签的使用详解 HTML,中的,amp,meta,标签,的,