页头meta标签

1.meta标签特性

meta标签在网站中有很强大的功效,一个设计较好的meta标签,可以大大提高网站被搜索到的可能性,对搜索引擎优化具有至关重要的作用。以下是meta标签的特性:

  • meta标签是单标签,格式如下:

<meta 属性="值" />

  • meta标签永远位于head元素内部
  • meta标签分两大部分:http标题信息(http-equiv)和页面描述信息(name)

2.meta标签的http标题信息

http-equiv相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。

meta标签的http-equiv属性语法格式是:

<meta http-equiv="参数" content="参数变量值"/> 

其中http-equiv属性主要有以下几种参数:

(1)expires(期限)

说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。

举例:

<meta http-equiv="expires" content="Wed, 20 June 2016 10:30:00 GMT">  

注意:必须使用GMT的时间格式。

(2)pragma(cache模式)

说明:禁止浏览器从本地计算机的缓存中调阅页面内容。

举例:

<meta http-equiv="pragma" content="no-cache"/>  

注意:这样设定,访问者将无法脱机浏览。

(3)refresh(刷新)

说明:定时刷新让网页自动链接到其它网页。

举例:

<meta http-equiv="refresh" content="5;URL=http://www.baidu.com"/>

注意:其中的5是指停留5秒钟后自动刷新到URL网址,秒数和URL直接用分号隔开。

(4)content-type(显示字符集的设定)

说明:设定页面使用的字符集。

举例:

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

charset选项:

GB2312、GBK和UTF-8都是一种字符编码,除此之外,还有好多字符编码。只是对于我们中国人的网站来说,用这三种编码比较多。

  • UTF-8 (UTF-8包含全世界所有国家需要用到的字符,是国际编码,通用性强,又称万国码。如:阿里云、淘宝网等都采用这种编码方式)
  • GBK  (GBK是包括中日韩字符的大字符集合。如:京东网采用的是GBK编码)
  • GB2312  (GB2312是GBK的子集,是一种简体中文编码,通行于中国大陆。如:腾讯网、网易等都采用该种编码)

3.meta标签的页面描述信息

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

meta标签的name属性语法格式:

<meta name="参数" content="具体参数值" />

(1)keywords (关键字)

说明:告诉搜索引擎你网页的关键字是什么。

举例:

<meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东">

注意:上面代码来自于京东网,关键词之间用英文逗号隔开。

(2)description (网页描述)

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

举例:

<meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!">

上图是从百度搜索京东,红框内的信息就是meta标签,description描述的内容。

(3)robots (机器人向导)

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

举例:

<meta name="robots" content="all"/>

参数说明:

all:搜索引擎将索引此网页,且页面上的链接可以被查询,等价于index和follow

none:搜索引擎将忽略此网页,且页面上的链接不可以被查询,等价于noindex和nofollow

index:文件将被索引

follow:搜索引擎通过此网页的链接,索引搜索其它的网页。

noindex:文件将不被检索,但网页中的链接,可以索引搜索其它的网页

nofollow:文件将不被检索,搜索引擎不可以通过此网页的链接,继续索引其它网页

(4)author (作者)

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

举例:

<meta name="author" content="作者的名字"/>

html mata头部标签详解相关推荐

  1. html中的mata标签详解

    总是有很多朋友问我<meta name="author" content"xxxxx"><meta http-equiv="xx&q ...

  2. W3C中meta标签详解

    2019独角兽企业重金招聘Python工程师标准>>> meta是html语言head区的一个辅助性标签.几乎所有的网页里,我们可以看到类似下面这段的html代码: <meta ...

  3. SEO技巧:Meta标签详解

    网页设计:Meta标签详解 您的个人网站即使做得再精彩,在"浩瀚如海"的网络空间中,也如一叶扁舟不易为人发现,如何推广 个人网站,人们首先想到的方法无外乎以下几种: ●在搜索引擎中 ...

  4. 网页设计:Meta标签详解

    网页设计:Meta标签详解 很多人忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧! META标签是H ...

  5. meta标签详解(meta标签的作用)///////////////////////////转

    meta标签详解(meta标签的作用) 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧 您的 ...

  6. [Dreamweaver教程]Meta标签详解

    [Dreamweaver教程]Meta标签详解 原作者:indian 出处:5D多媒体 发表时间:2004-12-8 关键词: 版权信息:传统媒体及商业网站禁止擅自转载:个人网站转载需经作者同意,并注 ...

  7. HTML marquee标签详解

    HTML marquee标签详解 在论坛默认的编辑状态下,我们可以通过UBB语法的move和fly语句让对象动起来,但功能很简单,只是平行地移动.而我们使用HTML的Marquee语句则可以产生更多的 ...

  8. 前端基础-HTML的的标签详解

    阅读目录 一.head内常用标签 二. HTML语义化 三. 字符实体 四. h系列标签 五. p标签 六. img标签 七. a标签 八. 列表标签 九. table标签 十. form标签 一. ...

  9. 4-4:TCP协议之TCP头部格式详解

    文章目录 一:TCP头部格式详解 (1)4位首部长度 (2)序列号和确认应答号 A:可靠性问题 B:32位序号和确认号 (3)窗口大小 (4)标志位 (5)紧急指针 A:带外数据(out_of _ba ...

最新文章

  1. Android模拟器Genymotion安装apk
  2. 【DIY】光剑(一):炽焰长剑的诞生
  3. Java线程详解(1)-概念与原理
  4. 译 | .NET Core 基础架构进化之路(二)
  5. python安装界面翻译_python环境搭建
  6. cdn转发防攻击_高防CDN和高防服务器的区别?
  7. shell脚本参数中有空格
  8. Elasticsearch】es 模糊查询导致Elasticsearch服务宕机
  9. Ubuntu 18.04 rc.local systemd设置
  10. hbase使用restful接口进行数据操作
  11. .net 初学者。学习笔记 [获取varchar32主键的最大ID值]
  12. 强大的Common类库
  13. Android平台i2c-tools及16位地址读写,以及not executable: 64-bit ELF file解决办法
  14. 上位机使用C++通过ADS协议与倍福PLC通信例程-通过变量名方式读写浮点数
  15. Google浏览器清理缓存快捷键是什么
  16. SAP-ABAP-OOALV方法实现程序源码,仅供参考
  17. PS——规定尺寸的证件照的制作
  18. C语言求输入一个非负数,返回它组成数字之和
  19. 计算机系微电子专业大学排名,微电子专业大学排名情况一览表
  20. 淘晶驰串口屏入门(四)进度条、滑块、定时器、单选框、复选框、二维码

热门文章

  1. 高考415分能上计算机网络的学校吗,2021年高考理科415分能上什么学校 理科415分左右的大学有哪些...
  2. 毕业一年了,写点什么吧
  3. electron教程入门1
  4. Linux下kiftd开机启动,centos7.6 快速架设kiftd私有网盘 文件管理系统
  5. 知识图注意力网络 KGAT
  6. 英汉计算机技术小词典,英汉计算机技术小词典
  7. L2-026 小字辈(Python3)
  8. 【渝粤教育】国家开放大学2019年春季 359会计学原理 参考试题
  9. jmeter循环控制器和CSV数据文件设置搭配使用
  10. libimobiledevice命令