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>标签的使用的更多相关文章

  1. 手机页面中的meta标签

    以前看书的时候,觉得meta标签就只有一个charset对于我来说是有用的.前段时间有个学弟让我写个手机版的网页,我才知道原来meta标签有那么多学问. meta指元素可提供有关页面的元信息(meta ...

  2. HTML 中的meta标签中的http-equiv与name属性使用介绍

    meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言, ...

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

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

  4. javaWeb学习总结（4）- HTML 关于head中的<meta>标签

    关于<meta> 标签 <meta>标签出现在网页的标题部分,这些信息并不会出现在浏览器页面的显示之中,只会显示在源代码中.也就是在...当中. 主要用途是设置网页语言的编码方 ...

  5. html中的meta标签是什么？有哪些属性？

    meta标签介绍 meta标签是HTML语言head区域的一个辅助性标签,常用于定义页面的说明,关键字,最后修改的日期和其他的元数据.这些元数据将服务于浏览器,搜索引擎和其他网络服务. meta标签的 ...

  6. HTML中的Meta标签详解

    emta标签的组成:meta标签分两大部分:HTTP-EQUIV和NAME变量. HTTP-EQUIV:HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显 ...

  7. Android在代码中获取meta标签内容

    最近写SDK需要获取<meta>标签的值,网上资料很多~分享是件好事~我很快就找到了相关资料. 下面贴上代码: ApplicationInfo appInfo = null; String ...

  8. JSP页面中的Meta标签详解

    Meta标签详解 相信大家在平时开发中最常接触的页面就是html和jsp了,可在这两个页面中有一个Meta标签你天天都会看见,可是你真的了解这个标签的一些其他用处吗?今天给大家介绍一些该标签的其他应用 ...

  9. html中的meta标签

    1.定义 meta元素提供页面的原信息,位于文档头部 2.必须的属性 content属性 该属性提供名称/值对中的值,使用要与http-equiv或name属性一起使用 3.可选的属性 3.1.htt ...

随机推荐

  1. Synchronized的原理及自旋锁，偏向锁，轻量级锁，重量级锁的区别（摘抄和理解）

    1. 自旋锁的优缺点: 自旋锁 自旋锁原理非常简单,如果持有锁的线程能在很短时间内释放锁资源,那么那些等待竞争锁的线程就不需要做内核态和用户态之间的切换进入阻塞挂起状态,它们只需要等一等(自旋),等持 ...

  2. Maven pom.xml 常用打包配置

    <build> <!-- 指定JAVA源文件目录 --> <sourceDirectory>src</sourceDirectory> <!-- ...

  3. String API

    String它即是内置对象,也是 包装类型之一,所有的String API都无法修改原字符串,而是返回一个新的字符串.   1.大小写转换 str.toUpperCase(); str = str.t ...

  4. 转动的八卦图纯css实现

      这类的东西网上一搜就是大把的,看着比较空旷的博客,所以自己也来写一个. <!DOCTYPE html> <html> <head> <meta chars ...

  5. css flexbox 弹性布局

    flexbox 即css flexible box layout. ie9及以下不支持flexbox. flex详细规范(https://www.w3.org/TR/css-flexbox/) 为什么 ...

  6. easyui grid 增加合计行

    一.首先,easyui  grid 的 showfooter 属性设置为 true $aplgrid.datagrid({ data: globalExpenseClaimForm.ExpenseCl ...

  7. SQL Server ->> 高可用与灾难恢复（HADR）技术 -- AlwaysOn（实战篇）之AlwaysOn可用性组搭建

    因为篇幅原因,AlwaysOn可用性组被拆成了两部分:理论部分和实战部分.而实战部分又被拆成了准备工作和AlwaysOn可用性组搭建. 三篇文章各自的链接: SQL Server ->> ...

  8. nodepad++通过正则表达式，删除带有特殊字符的某一行

    我是VS项目不小心生成了x64平台的sln文件,想把sln文件中带有x64的给删除,一共搜索到500多行,怎么办呢,一个一个删除太费劲儿了. 通过nodepad++ 的正则表达式替换: 我是想删除带X ...

  9. Python学习---进程 1225

    进程创建 进程创建: 第一种:直接创建 第二种:利用类来实现 第一种:直接创建 from multiprocessing import Process import time def f(name): ...

  10. Oracle查看每小时日志切换量脚本

    ---- Show the Number of Redo Log Switches Per Hour-- SET PAUSE ONSET PAUSE 'Press Return to Continue ...