META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息。META标签有两个重要的属性:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。本文主要介绍NAME属性。
name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类,目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类。
Meta标签的name属性语法格式:<meta name="参数" content="具体参数值">
1. Keywords (关键字)
说明:告诉搜索引擎你网页的关键字是什么。
用法:<Meta name="Keywords" Content="网络营销,网站推广,网站建设,搜索引擎优化">
2. Description (网页描述)
说明:Description用来告诉搜索引擎你的网页主要内容。
用法:<meta name="description" content="网站开发、网站优化、网站推广和网络营销交流学习中心" />
如何撰写良好的描述标签 description tag?>>
描述标签 description tag还有必要优化吗?>>
3. 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顺着此页的连接往下探找)
robots Meta标签使用详解>>
4. Author (作者)
说明:标注网页的作者或制作组
用法:<Meta name="Author" Content="豆苗,doumiao@live.cn">
注意:Content可以是:你或你的制作组的名字,或Email
5. Copyright (版权)
说明:标注版权
用法:<Meta name="Copyright" Content="本页版权归豆苗网所有">
6. Generator (编辑器)
说明:编辑器的说明
用法:<Meta name="Generator" Content="PCDATA|FrontPage|">
注意:Content="你所用编辑器"
7. revisit-after (重访)
说明:通知搜索引擎多少天访问一次
用法:<META name="revisit-after" Content="7 days" >
相关推荐
meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看 资源太大,传...
在我们制作的网页中,要是想让它能够让更多的人去访问,最好的方法就是通过搜索引擎来找到你的网址,于是需要你的网页可以有关键词能够让搜索引擎来识别,于是HTML中的...meta name=author content=Erwin Aligam - styl
meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" > 但发现页面依旧不根据手机屏幕进行自动缩放,后来找其他同事帮忙解决了,我看了源代码发现了是在原来的viewport中...
主要介绍了移动客户端手机页面布局时各标签元素作用和适用情景,通过详解几种属性让读者更明确自适应布局的注意点,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
meta name="keywords" content="熊猫,金丝猴,恐龙"/> <meta http-equiv="refresh" content="3;url=01-hello.html"/> ** base标签:设置超链接的基本设置 - 可以统一设置超链接的打开方式 <...
Ajax 文件上传进度监听之upload.onprogress案例详解 $.ajax实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-...
详解jQuery的拷贝对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...<title>Document</title>...
本文实例为大家分享了vue移动端左右滑动事件,供大家参考,具体内容如下 <!...<... <head>...meta charset=UTF-8>...meta name=viewport content=width=device-width, initial-...meta content=telephone=no name
meta name=viewport content=width=device-width, initial-scale=1.0> <meta http-equiv=X-UA-Compatible content=ie=edge> <title>Vue的属性、方法和生命周期</title> [removed][removed] ...
如何使用原生Js实现随机点名详解 ...DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 点名</title> ...
meta name=viewport content=width=device-width, initial-scale=1.0> <meta http-equiv=X-UA-Compatible content=ie=edge> <title>标签页组件</title> <link rel=stylesheet t
meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>JQuery轮播图</title> <style> ...
flex 基本概念 flex布局(flex是flexible box的缩写), 也称为弹性盒模型 。将属性和属性值(display:flex; )写在哪个标签样式中,谁就是 容器;它的所有子元素自动成为容器成员,称为...meta name="viewport" con
本文实例讲解了jQuery Mobile自定义标签,分享给大家供大家参考,具体内容如下 规划产品国际化的需求时,涉及到PC Web,移动Web,和各app。设计了多个版本的移动Web均不理想。...meta name=viewport
之前写过一篇关于移动端屏幕适配:移动端屏幕适配的解决,今天来聊一聊基于vue-cli配置的移动端屏幕适配问题。 配方还是一样:手淘的 lib-flexible + rem 配置 flexible 安装 lib-flexible ...meta name=viewport
Swiper常用于移动端网站的内容触摸滑动 Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。...meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maxim
组件通信 从父组件向子组件通信,通过props传递数据就可以了,但Vue组件通信的场景不止有这一种,归纳起来,组件之间的通信可以用下图来表示: 自定义事件 ...meta name=viewport content=width=devic
本文实例讲述了jQuery表单对象属性过滤选择器。分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>2-11<...
meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <bod
ext-2.3.0+CKEditor 3.0.1+ckfinder_asp_1.4配置详解 一、去http://cksource.com/下载这两个东西 二、去http://www.extjs.com/下载ext-2.3.0 三、将ext-2.3.0、CKEditor 3.0.1、ckfinder_asp_1.4,取出解压后的...