你真的了解html吗?--之meta标签介绍

Meta data元数据,何为元数据,根据百度百科的解释为:data about data (关于数据的数据)。网页中的元数据主要用来描述关于文档(而不是文档内容)的一些信息。

 

网页中的元数据主要一下几种方式来指定:1.在文档中通过meta标签来制定;2.在文档外通过link标签来指定;3.通过head元素的profile属性来制定。

    这边笔记中主要来说meta元素,Mate中都是以键值对的形式出现,name是property,content是value,http-equiv在基于http传输时,来代替name。
有时候还会有用到其它的一些属性,如:lang指定content的语言,Dir指定文字的方向。

这里我们主要来看看元数据的一些用途。

l         Meta与http headers

http-equiv来替换name属性,当文档通过http协议传输时,这个属性就有特殊的意义, http server可以通过这个属性指定的信息来生成一个http响应头。

l         Meta与搜索引擎

通过为搜索引擎指定keyword,如:

<-- For speakers of US English -->
<META name="keywords" lang="en-us" 
         content="vacation, Greece, sunshine">
<-- For speakers of British English -->
<META name="keywords" lang="en" 
         content="holiday, Greece, sunshine">
<-- For speakers of French -->
<META name="keywords" lang="fr" 
         content="vacances, Gr&egrave;ce, soleil">
l        Meta与pics,如:
<HEAD>
 <META http-equiv="PICS-Label" content='
 (PICS-1.1 "http://www.gcf.org/v2.5"
    labels on "1994.11.05T08:15-0500"
      until "1995.12.31T23:59-0000"
      for "http://w3.org/PICS/Overview.html"
    ratings (suds 0.5 density 0 color/hue 1))
 '>
  <TITLE>... document title ...</TITLE>
</HEAD>
l         META 与文档中的默认信息
时间: 2024-09-08 16:05:11

你真的了解html吗?--之meta标签介绍的相关文章

移动平台的meta标签-----神奇的功效

对于桌面平台web布局中大家对meta标签再熟悉不过了,它永远位于 head 元素内部,对做SEO的朋友一定对meta有种特殊的感情吧,今天我们就来说说移动平台的meta标签,在移动平台meta标签究竟有哪些神奇的功效呢? 1.Meta 之 viewport 说到移动平台meta标签,那就不得不说一下viewport了,那么什么是viewport呢? viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏.状态栏.滚动条等等之后用于看网页的区域 .对于传统WEB页

SEO,深入研究META标签

相信很多SEO都觉得META的一些标签的重要程度已经是非常低了,用或者不用都没有关系,例如说:keywords.确实,对于keywords标签搜索引擎已经不像从前那样重视. 但并不是所有的META标签都被搜索引擎降低其重要程度,依然有不少的META标签对SEO是有用的. 最重要的META标签就是标题标签(Title tag),搜索引擎认为这个标签提供了关于网页的非常多的信息,标题标签含有的关键词理论上是最能够说明网页主题信息的.所以,搜索引擎通常会特别注意你用在标题标签中的关键词.搜索引擎在搜索

meta标签详细介绍

meta是html语言head区的一个辅助性标签.几乎所有的网页里,用好meta标签,会给你带来意想不到的效果. meta是html语言head区的一个辅助性标签.几乎所有的网页里,我们可以看到类似下面这段的html代码: <head> <meta http-equiv="content-Type" content="text/html; charset=gb2312"> </head> 也许你认为这些代码可有可无.其实如果你能够

Meta标签更加详尽的解释

引言 您的个人网站即使做得再精彩,在"浩瀚如海"的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中登录自己的个人网站 ● 在知名网站加入你个人网站的链接 ● 在论坛中发帖子宣传你的个人网站 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧! META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的&l

meta标签的使用方法

meta是用来在HTML文档中模拟HTTP协议的响应头报文.meta 标签用于网页的<head>与</head>中,meta 标签的用处很多.meta 的属性有两种:name和http-equiv.name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找.分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类).这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个m

网页制作学习:meta标签之详解

网页|详解     meta是html语言head区的一个辅助性标签.几乎所有的网页里,我们可以看到类似下面这段的html代码: <head><meta http-equiv="content-Type" content="text/html; charset=gb2312"></head>     也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,例如加入关键字会自动被大型搜索网站自动搜集:可

网页:Meta标签详解

网页|详解 引言 您的个人网站即使做得再精彩,在"浩瀚如海"的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中登录自己的个人网站 ● 在知名网站加入你个人网站的链接 ● 在论坛中发帖子宣传你的个人网站 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧! META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文

Robots META标签和robots.txt文件

我们知道,搜索引擎都有自己的"搜索机器人"(ROBOTS),并通过这些ROBOTS在网络上沿着网页上的链接(一般是http和src链接)不断抓取资料建立自己的数据库. 对于网站管理者和内容提供者来说,有时候会有一些站点内容,不希望被ROBOTS抓取而公开.为了解决这个问题,ROBOTS开发界提供了两个办法:一个是robots.txt,另一个是The Robots META标签. 一.robots.txt1.什么是robots.txt? robots.txt是一个纯文本文件,通过在这个文

网页设计中META标签写法的常见错误及后果

错误|设计|网页|网页设计 网页设计中META标签写法的常见错误及后果[摘要]:网页设计中META标签描述和关键词写法的常见错误包括:整个网站所有的网页使用同样的META标签内容,META标签中网页介绍信息与网站内容缺少相关性等.本文归纳了网页设计中META标签写法的常见错误,并分析了出现不合理的META标签设计的可能后果. 网页设计中META标签写法的常见错误及后果 搜索引擎优化通常会涉及到网页META标签的话题,META标签内容写作的是网络营销导向网站建设中网页设计的基本工作内容之一,在网络