HTML META标签
html meta标签扩展
1.<meta></meta>用来说明语言编码字符集,它有三个属性,分别是name,content和http-equiv<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="Content-Language" content="zh-CN" /><meta name="author" content="Csdn" /><meta name="Copyright" content="Csdn" /><meta name="description" content="" /><meta content="" name="keywords" />第一行说明了他的文字编码第二行说明了他采用的语言第三行说明了他的作者第四行说明了他的版权第五行是对网站的简单描述第六行是说明了本网站的关键字http-equiv="Content-Type" 表示描述文档类型content="text/HTML; 文档类型mime类型,这里为html,如果JS就是text/javascript,charset=utf-8 页面字符集,编码,eg:gb2312,iso-8859-1,utf-8meta http-equiv="Content-T ype"什么意思?http-equiv 属性为名称/值对提供了名称。
并指示服务器在发送实际的文档之前先在要传送给浏览器的MIME 文档头部包含名称/值对。
html中meta标签及用法详解
html中meta标签及⽤法详解废话,就不多说了,开始今天的主题。
Html中meta标签⼀、meta标签含义 <meta> 元素可提供有关页⾯的元信息(meta-information),⽐如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于⽂档的头部,不包含任何内容。
<meta> 标签的属性定义了与⽂档相关联的名称/值对。
⼆、meta 中常⽤属性1. charset (字符集) 说明:规定 HTML ⽂档的字符编码。
⽤法:<meta charset="UTF-8">2. viewport (视区) 说明:是⽤户⽹页的可视区域。
⼤家都知道移动设备的屏幕⼀般都⽐PC⼩很多,webkit浏览器会将⼀个较⼤的“虚拟”窗⼝映射到移动设备的屏幕上,默认的虚拟窗⼝为980像素宽(⽬前⼤部分⽹站的标准宽度),然后按⼀定的⽐例(3:1或2:1)进⾏缩放。
也就是说当我们加载⼀个普通⽹页的时候,webkit会先以980像素的浏览器标准加载⽹页,然后再缩⼩为490像素的宽度。
注意这个缩⼩是⼀个全局缩⼩,也就是页⾯上的所有元素都会缩⼩。
⽤法:<meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1; user-scalable=no;"> (1) width width 控制 viewport 的⼤⼩,⼀般为了⾃适应设置为device-width (2) initial-scale initial-scale:初始缩放⽐例,也即是当页⾯第⼀次 load 的时候缩放⽐例。
(3) maximum-scale maximum-scale 最⼤缩放。
在HTML语言中Meta是什么意思啊
Public指示响应可被任何缓存区缓存
Private指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效
no-cache指示请求或响应消息不能缓存
no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。
B、Pragma(cache模式)
说明:禁止浏览器从本地计算机的缓存中访问页面内容。
用法:
<meta http-equiv="Pragma"content="no-cache"esh(刷新)
说明:自动刷新并指向新页面。
前言
meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等!
说明:robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
content的参数有all,none,index,noindex,follow,nofollow。默认是all。
举例:
<meta name="robots"content="none">
具体参数如下:
信息参数为all:文件将被检索,且页面上的链接可以被查询;
meta标签的charset的信息参数如iso-2022-jp时,代表说明网站是采用的编码是日文;
meta标签的charset的信息参数如ks_c_5601时,代表说明网站是采用的编码是韩文;
htm中meta的用法
htm中meta的用法HTML中<meta>的用法HTML页面中的<meta>标签是用来向浏览器提供有关文档的元数据(metadata)的。
元数据是描述数据的数据,通过<meta>标签能够提供关于页面的信息,如字符编码、关键词、作者、描述等。
在本文中,我们将讨论<meta>标签的用法及其在HTML中的常见应用。
1. 定义文档字符编码<meta charset="UTF-8">在HTML文档的<head>标签中,我们可以使用<meta charset="UTF-8">来定义页面的字符编码。
UTF-8是一种通用的字符编码,它能够支持包括中文在内的大部分字符,确保页面能够正确地显示和处理各种语言的内容。
2. 设置页面关键词<meta name="keywords" content="关键词1, 关键词2, 关键词3">使用<meta name="keywords" content="关键词1, 关键词2, 关键词3">来设置页面的关键词。
关键词是指与页面内容相关的单词或短语,它们有助于搜索引擎对页面进行索引和分类,提高网页的搜索引擎优化(SEO)效果。
3. 描述页面内容<meta name="description" content="页面描述">使用<meta name="description" content="页面描述">来描述页面的内容。
页面描述用简洁准确的文字概括页面的主题和要点,它不仅有助于搜索引擎的优化,还能够向用户提供关于页面内容的预览,增加用户点击的可能性。
HTML——meta标签用法和作用
HTML——meta标签⽤法和作⽤<meta>标签 <meta>元素可提供有关页⾯的元信息(meta-information),⽐如针对搜索引擎和更新频度的描述和关键词。
<meta>元素可以定义⽂档的各种元数据,提供各种⽂档信息,通俗点说就是可以理解为提供了关于⽹站的各种信息。
meta给页⾯添加辅助信息,如编码、页⾯渲染等. <meta>元素除去charset属性外,都是http-equiv属性或name属性结合content来使⽤1、设置⽹页字符编码:<meta charset="UTF-8"> //h5<meta http-equiv="content-Type" content="text/html;charset=utf-8"> //旧的HTML2、指定名/值对定义元数据 name属性与content属性结合使⽤, name⽤来表⽰元数据的类型,表⽰当前<meta>标签的具体作⽤;content属性⽤来提供值。
<meta name="参数" content="具体描述信息">举例:<meta name="description" content="⽹站描述..."><meta name="keywords" content="电商,美妆xxx"><meta name="author" content="李四xxx"> 元数据名称: (name的值) 说明 application 当前页所属Web应⽤系统的名称 keywords 描述⽹站内容的关键词,以逗号隔开,⽤于SEO搜索 description 当前页的说明 author 当前页的作者名 copyright 版权信息 renderer renderer是为双核浏览器准备的,⽤于指定双核浏览器默认以何种⽅式渲染页⾯ viewreport 它提供有关视⼝初始⼤⼩的提⽰,仅供移动设备使⽤renderer举例:<meta name="renderer" content="webkit"> //默认webkit内核<meta name="renderer" content="ie-comp"> //默认IE兼容模式<meta name="renderer" content="ie-stand"> //默认IE标准模式<meta name="renderer" content="webkit|ie-comp|ie-stand">3、模拟http标头字段 http-equiv属性与content属性结合使⽤, http-equiv属性为指定所要模拟的标头字段的名称,content属性⽤来提供值。
meta标签常用用法
meta标签常用用法1.什么是m eta标签?在网页开发中,m eta标签是位于HT ML文档头部的一种特殊标签,用来提供对网页的描述和配置信息。
它不会直接显示在网页中,而是用来向浏览器和搜索引擎提供有关网页的元数据。
2. me ta标签的作用2.1网页的描述(de s c r i p t i o n)通过使用`<me ta nam e="de sc ri pt io n"c o nt en t="网页描述">`标签,我们可以提供一个简短的网页描述,用于向搜索引擎和用户展示关于网页内容的摘要信息。
这将帮助搜索引擎更好地理解和索引网页。
2.2关键词(k e y w or d s)`<me ta na me="ke ywo r ds"c on te nt="关键词1,关键词2,关键词3">`标签可用于指定网页的关键词。
搜索引擎可以根据这些关键词更好地识别和索引网页。
2.3编码方式(c h ar s e t)`<me ta ch ar se t="UT F-8">`标签用于指定网页的字符编码方式。
正确设置字符编码,可以确保网页能正确地显示多语言和特殊字符。
2.4视窗设置(v i ew p o r t)通过使用`<me ta na me="v ie wp or t"co nte n t="w id th=d ev ic e-w i dt h,in it ia l-sca l e=1.0">`标签,我们可以控制网页在移动设备上的显示效果,使其能够适应不同屏幕尺寸,并提供更好的用户体验。
3.使用met a标签的注意事项3.1合理使用关键词在使用`<m et an am e="ke yw or ds"c on ten t="关键词1,关键词2,关键词3">`标签时,应该注意不要滥用关键词,以免被搜索引擎认为是垃圾信息而降低网页排名。
meta元素的作用
meta元素的作用
meta元素是用于描述HTML文档的元数据的标签。
它的作用有以下几点:
1. 页面关键字和描述:可以使用meta元素来指定页面的关键字和描述信息,以便搜索引擎更好地识别和呈现页面内容。
2. 编码标准:可以使用meta元素来指定页面的字符编码格式,以确保浏览器正确地解析和显示页面内容。
3. 视口设置:可以使用meta元素来指定视口的大小和缩放比例,以适应不同的设备和屏幕大小。
总之,meta元素是用于在HTML文档中提供元数据信息的标签,可以帮助网页被更好地索引、解析和呈现。
html中的meta标签是什么
第 6 页 共 24 页
5、index : 搜寻引擎索引此网页。 6、follow : 搜寻引擎继续通过此网页的链接索引搜寻其它的网页。
详细参数如下:
(5)author(作者)
1、none : 搜寻引擎将忽视此网页,等价于 noindex,nofollow。 2、noindex : 搜寻引擎不索引此网页。 3、nofollow: 搜寻引擎不继续通过此网页的链接索引搜寻其它的网 页。 4、all : 搜寻引擎将索引此网页与继续通过此网页的链接索引,等 价于 index,follow。
maxage : 表示当前哀求开头,该响应在多久内能被缓存和重用,而 不去服务器重新哀求。例如:max-age=60 表示响应共 24 页
(4)expires(网页到期时光) 解释:用于设定网页的到期时光,过期后网页必需到服务器上重新 传输。
其中 http-equiv 属性主要有以下几种参数: (1) content-Type(设定网页字符集)(推举用法 HTML5 的方式) 解释:用于设定网页字符集,便于扫瞄器解析与渲染页面举例:
第 14 页 共 24 页
1
1 //旧的 HTML,不推举
第 15 页 共 24 页
//HTML5 设定网页字符集的方式,推举用法 UTF-8
第 11 页 共 24 页
3
1 //默认 webkit 内核
2 //默认 IE 兼容模式
第 12 页 共 24 页
//默认 IE 标准模式
http-equiv 顾名思义,相当于 HTTP 的作用。 meta 标签中 http-equiv 属性语法格式是:
http-equiv 属性
1
第 13 页 共 24 页
第 22 页 共 24 页
html中meta的用法
html中meta的用法HTML中meta的用法Meta标签是放置在HTML文档头部的一种标签,用于提供关于网页的元数据。
它们不会被显示在页面上,但对搜索引擎和浏览器等客户端非常重要。
下面是一些常见的meta用法的详细讲解:1. 设置网页的字符编码<meta charset="UTF-8">该标签用于告诉浏览器使用UTF-8字符编码来显示网页内容。
UTF-8是一种支持多语言的字符编码方式。
2. 定义网页的关键词和描述<meta name="keywords" content="关键词1,关键词2,关键词3"><meta name="description" content="网页描述">这两个meta标签用于设置网页的关键词和描述。
关键词是搜索引擎用于索引网页的重要依据,描述则是在搜索结果中显示的网页简介。
3. 控制页面的索引和跟踪<meta name="robots" content="index,follow">这个meta标签用于控制搜索引擎的行为。
index用于指示是否将网页纳入搜索引擎的索引中,follow用于指示搜索引擎是否跟踪网页中的链接。
4. 设置网页的作者和版权信息<meta name="author" content="作者姓名"><meta name="copyright" content="版权信息">这两个meta标签用于设置网页的作者和版权信息。
这对于保护知识产权和尊重创作者的权益非常重要。
5. 控制网页的缓存和刷新<meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0">这两个meta标签用于控制浏览器对网页的缓存和刷新行为。
html的meta总结
html的meta总结HTML的meta标签是用来提供有关网页的元数据,它位于HTML 文档的头部,不会在页面上显示出来,但对于搜索引擎和浏览器来说却有着重要的作用。
通过合理使用meta标签,我们可以为网页提供相关的信息,从而优化网页的搜索排名,提升用户体验。
我们来介绍一下meta标签中最常用的几个属性。
1. charset属性:用于指定网页的字符编码方式,以确保浏览器能够正确地解析和显示网页内容。
常见的字符编码方式包括UTF-8、GB2312等。
2. name属性:用于指定meta元素的名称,常用的name属性值有以下几种:- keywords:用于指定网页的关键词,可以帮助搜索引擎更好地理解和索引网页内容。
关键词应该是与网页内容相关且具有代表性的词汇。
- description:用于提供网页的简要描述,这段描述会出现在搜索引擎的搜索结果中,对于吸引用户点击非常重要。
- author:用于指定网页的作者。
- viewport:用于指定网页在移动设备上的显示方式,通过设置不同的viewport属性值,可以使网页在不同的设备上有更好的显示效果。
3. http-equiv属性:用于模拟HTTP头部字段,常用的http-equiv属性值有以下几种:- content-type:用于指定网页的内容类型和字符编码方式,与charset属性类似。
- refresh:用于指定网页的自动刷新时间间隔,可以用于定时跳转页面或刷新页面。
- cache-control:用于指定网页的缓存策略,可以控制浏览器是否缓存网页及缓存的有效期。
除了上述常用的meta标签属性,还有一些其他的属性也可以用来提供网页的元数据,例如robots属性用于指定搜索引擎的抓取行为和索引行为,revisit-after属性用于指定搜索引擎多久后重新抓取网页等。
在使用meta标签时,需要注意以下几点:1. 确保每个meta标签都具有正确的属性和值,避免出现错误的信息。
html中meta的用法
HTML中meta的用法1. 什么是meta标签?在HTML中,meta标签是一种用来描述网页文档属性的标签。
它提供了有关网页内容的元数据,这些元数据不会被显示在页面上,但对搜索引擎和浏览器等工具来说非常重要。
<meta charset="UTF-8">上面的代码片段就是一个常见的meta标签示例。
其中,charset属性指定了网页使用的字符编码为UTF-8。
除了charset属性外,meta标签还可以用于设置其他各种属性。
2. 常见的meta标签属性2.1 charsetcharset属性用于指定网页使用的字符编码。
常见的字符编码包括UTF-8、GBK、ISO-8859-1等。
<meta charset="UTF-8">2.2 name和contentname和content是一对属性,用于提供关于网页内容的元数据。
<meta name="keywords" content="HTML, meta, 元数据">上面的代码片段定义了一个关键词(keywords)元数据,其内容为”HTML, meta, 元数据”。
2.3 http-equivhttp-equiv属性用于模拟HTTP头部字段,在某些特定情况下起作用。
常见的值有”refresh”和”X-UA-Compatible”。
<meta http-equiv="refresh" content="5;url=">上面的代码片段定义了一个refresh元数据,表示浏览器将在5秒后自动跳转到”“。
2.4 viewportviewport属性用于控制网页在移动设备上的显示方式,特别是针对响应式设计。
<meta name="viewport" content="width=device-width, initial-scale=1.0">上面的代码片段定义了一个viewport元数据,指定网页宽度与设备宽度相等,并且初始缩放比例为1.0。
meta标记
meta标记meta是html语言head区的一个辅助性标签。
如果能够用好meta标签,会带来意想不到的效果,meta 标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等!meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
1、name属性name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meta标签的name属性语法格式是:<meta name="参数" content="具体的参数值"> 。
其中name属性主要有以下几种参数:A、Keywords(关键字)说明:keywords用来告诉搜索引擎你网页的关键字是什么。
举例:<meta name ="keywords" content="science, education,culture,politics,ecnomics,relationships, entertaiment, human">B、description(网站内容描述)说明:description用来告诉搜索引擎你的网站主要内容。
举例:<meta name="description" content="This page is about the meaning of science, education,culture.">C、robots(机器人向导)说明:robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
content的参数有all,none,index,noindex,follow,nofollow。
html的meta标签meta标签、title标签、Description标签、keyword标签
html的meta标签、title标签、Description标签、keyword标签是什么概念呢?“<META>”(即通常所说的META标签)。
META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。
在有关搜索引擎注册、搜索引擎优化排名等网络营销方法内容中,通常都要谈论META 标签的作用,我们甚至可以说,META标签的内容设计对于搜索引擎营销来说是至关重要的一个因素,尤其是其中的“description”(网页描述)和“Keywords”(关键词)两个属性更为重要【参见网络营销教学网站的专文介绍:description Keywords 】。
尽管现在的搜索引擎检索信息的决定搜索结果的排名很少依赖META标签中的内容,但META标签的内容设计仍然是很重要的。
关于META标签中的HTTP-EQUIVHTML代码实例中有一项内容是<meta http-equiv="Content-Type" content="text/html; charset=gb2312">其作用是指定了当前文档所使用的字符编码为gb2312,也就是中文简体字符。
根据这一行代码,浏览器就可以识别出这个网页应该用中文简体字符显示。
类似地,如果将“gb2312”替换为“big5”,就是我们熟知的中文繁体字符了。
HTTP-EQUIV用于向浏览器提供一些说明信息,从而可以根据这些说明做出相应。
HTTP-EQUIV其实并不仅仅只有说明网页的字符编码这一个作用,常用的HTTP-EQUIV类型还包括:网页到期时间、默认的脚本语言、默认的风格页语言、网页自动刷新时间等。
关于META标签中的"description"HTML代码实例中有关"description"中的代码为:<meta name="description" content="网络营销教学网站提供《网络营销基础与实践》教学支持:网络营销课件,网络营销论文,网络营销实验教学,电子商务论文,网络营销与电子商务书籍等">"description"中的content="网页描述",是对一个网页概况的介绍,这些信息可能会出现在搜索结果中,因此需要根据网页的实际情况来设计,尽量避免与网页内容不相关的“描述”,另外,最好对每个网页有自己相应的描述(至少是同一个栏目的网页有相应的描述),而不是整个网站都采用同样的描述内容,因为一个网站有多个网页,每个网页的内容肯定是不同的,如果采用同样的description,显然会有一些网页内容没有直接关系,这样不仅不利于搜索引擎对网页的排名,也不利于用户根据搜索结果中的信息来判断是否点击进入网站获取进一步的信息。
html中meta和base标记
html中meta和base标记<meta>是HTML文档文件头…标记内的一个辅助性标记,往往不引起用户的注意,但是它对于网页是否能够被搜索引擎检索、提高网页在搜索列表的排序起着关键的作用,是一个非常有价值的标记。
<meta>标记为单标记,没有尾标记。
<meta>标记共有两个属性,分别是http-equiv属性和name属性。
(1)name属性name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎查找信息和分类信息用的。
meat标记的name属性语法格式是:<meta name=“参数” content=“具体的参数值”>其中name属性主要有以下几种参数值:keywords(关键字):keywords用来告诉搜索引擎该网页的关键字是什么。
<meta name="keywords" content="science,education,culture,,entertaiment ">description(网站内容描述):description用来告诉搜索引擎网站的主要内容。
<meta name="description" content="This page is about science, education etc.">robots(机器人向导):robots用来告诉搜索机器人需要索引的页面有哪些。
content的参数有all、none、index、noindex、follow、nofollow。
默认是all。
<meta name="robots" content="none">author(作者):标注网页的作者。
<metaname="author"content="**************.com">(2)http-equiv属性http-equiv,相当于HTTP的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确显示网页内容.例如按照用户定义的样式表单显示网页内容,必须使用<meta http-equiv=“Content-type” content=“text/css”>与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
html中meta的用法
html中meta的用法(原创版)目录1.meta 标签的作用和用法2.meta 标签的属性3.meta 标签的应用示例4.meta 标签对搜索引擎的影响5.使用 meta 标签的注意事项正文一、meta 标签的作用和用法meta 标签是 HTML 语言 head 区的一个辅助性标签,它用于模拟HTTP 协议的响应头报文。
meta 标签可以用于网页的<head>与</head>中,其主要作用是提供关于网页的元数据信息,这些信息可以帮助浏览器正确地渲染网页,同时也可以被搜索引擎机器人用来分类和索引网页内容。
二、meta 标签的属性meta 标签主要有两种属性:name 和 http-equiv。
其中,name 属性主要用于描述网页,对应于 content(网页内容),以便于搜索引擎机器人查找、分类。
而 http-equiv 属性则是用于定义网页的响应头信息,它可以模拟 HTTP 协议中的响应头报文。
属性ame 属性主要用于定义网页的元数据名称,其值可以用于描述网页的内容、关键词、作者等信息。
常用的 name 属性有:- description:用于描述网页的内容,它是搜索引擎机器人用来显示网页摘要的重要依据。
- keywords:用于定义网页的关键词,可以被搜索引擎机器人用来分类和索引网页内容。
- author:用于指定网页的作者或版权所有者。
- robots:用于指定搜索引擎机器人是否可以抓取网页内容,以及抓取的频率和方式。
2.http-equiv 属性http-equiv 属性主要用于定义网页的响应头信息,它可以模拟 HTTP 协议中的响应头报文。
常用的 http-equiv 属性有:- content-type:用于指定网页内容的类型,例如文本、图片、视频等。
- refresh:用于指定网页的刷新时间,以秒为单位。
- set-cookie:用于设置浏览器 cookie 信息。
Html头部meta标签
Html头部meta标签
meta元素有4个属性:name、http-equiv、content、charset.meta标签通过name属性来表述页⾯⽂档的元信息,通过http-equiv属性设置http 请求指令,通过charset设置页⾯的字符编码。
按照属性设置分类,meta可以分为三类:
name属性和content属性组合,构成名称/值对,⽤于描述⽹站信息.
标准的meta名称包括application-name、author、description、generator等。
⽰例代码:
其中keywords和description这两个名称的使⽤率最⾼,是搜索引擎优化的主要⼿段之⼀,推荐读者使⽤。
http-equiv属性和content属性组合,设置特定的http指令;
其中content-type、default-style和refresh已经确定,content-language和set-cookie还未正式确定.
此类型meta应该谨慎使⽤。
不推荐使⽤,某些搜索引擎遇到此meta时会停⽌解析页⾯剩余的部分。
在实际的场景中很少使⽤
charset属性,设置页⾯字符编码。
此属性提供了保存和传输⽂档的编码格式。
等价于但是第⼀种形式更简洁好记,并且得到了所有主流浏览器的⽀持,所有不存在浏览器兼容问题。
为了让浏览器能准确识别编码格式,务必在。
如何把握html网页中的meta标签
如何把握html⽹页中的meta标签对于⾼级的搜索引擎来说,html 的meta 标签并不是什么新奇的东西。
但是⽆论如何它是⼀个优秀⽹页不可缺少的。
因为meta 标签是内嵌在你⽹页中的特殊html标签,包含着你有关于你⽹页的⼀些隐藏信息。
它的作⽤是向搜索引擎解释你的⽹页是有关哪⽅⾯信息的。
下⾯我们就来看看如何把握这关键的⼀点吧。
虽然在搜索引擎优化策略是meta标签是⾮常重要的,但是⼤家要先清除知道加⼊meta 并不能帮助你在搜索引擎中获得更好的排名,有好⼏种meta标签,但重要的有以下⼏个:description标签, keywords标签, title标签(严格来说title不算是⼀个标签)。
当你不时刷新标签时这⼏个标签显得特别的重要。
如果你希望搜索引擎对你的⽹站进⾏索引时就会⽤到html标签的重定向(redirect)标签与robots标签.注意:调查表只有20%的⽹页⽤到“关键字”与“描述”标签(即keyword, description)下⾯是对于这两个标签的例⼦:多个关键字⽤逗号分开。
title 标签可能是你⽹页中最重要的标签,它是你⽹页中最先看到的部分。
把它放在description 与keyword前。
在这个标签中最好是加上你⽹站的关键字,title标签在搜索引擎的搜索中占有⾮常重要的地位。
最好是把它放在其他meta标签前,这更有利于你⽹站的排名。
(注意:有些搜索引擎会按title标签的字母的优先权进⾏排名,尽量在你的title中使⽤开始的字母)title标签是⼈们在搜索引擎中第⼀个看到有关你⽹站的描述,所以尽量把它弄得简单、明了。
让⼈⼀看就知道你的⽹站是关于什么的。
Description标签就在title后⾯,该标签可以是⼀⼩段(⼀个或者两个句⼦)。
⽤于描述你⽹站。
与title 标签⼀样,这也是⼈们在搜索引擎列表中链接到你⽹站的点击。
这些描述将⿎动⼈们去浏览你的⽹站⽽不是你竞争对⼿的。
HTML语言中meta的作用
HTML语言中meta的作用meta是用来在HTML文档中模拟HTTP协议的响应头报文。
meta标签用于网页的<head>与</head>中,meta 标签的用处很多。
meta 的属性有两种:name和http-equiv。
一、meta的name属性name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。
这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个meta值。
比较常用的有以下几个;1.1<meta name="Generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;1.2<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词;1.3<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容;1.4<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者;1.5<meta name="Robots" contect= "all|none|index|noindex|follow|nofol low">其中的属性说明如下:设定为all:文件将被检索,且页面上的链接可以被查询;设定为none:文件将不被检索,且页面上的链接不可以被查询;设定为index:文件将被检索;设定为follow:页面上的链接可以被查询;设定为noindex:文件将不被检索,但页面上的链接可以被查询;设定为nofollow:文件将不被检索,页面上的链接可以被查询。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
HTML <meta> 标签
定义和用法
<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和 关键词。
<meta> 标签位于文档的头部,不包含任何内容。
<meta> 标签的属性定义了与文档相关联的名称/值 对。
HTML 与 XHTML 之间的差异
在 HTML 中,<meta> 标签没有结束标签。
在 XHTML 中,<meta> 标签必须被正确地关闭。
提示和注释: 提示和注释:
注释: 注释:<meta> 标签永远位于 head 元素内部。
注释: 注释:元数据总是以名称/值的形式被成对传递的。
必需的属性
DTD 指示此属性允许在哪种 DTD 中使用。
S=Strict, T=Transitional, F=Frameset. 属性 值 描述 定义与 http-equiv 或 name 属性相关的元信息
DTD
content
some_text
STF
可选的属性
DTD 指示此属性允许在哪种 DTD 中使用。
S=Strict, T=Transitional, F=Frameset. 属性 值 描述 content-type 把 content 属性关联到 HTTP 头部。
DTD STF
http-equiv
• • • •
expires refresh set-cookie
name
• • • • • •
author description keywords generator revised others
把 content 属性关联到一个名称。
STF
scheme
some_text
定义用于翻译 content 属性值的格式。
STF
name 属性
name 属性提供了名称/值对中的名称。
HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。
通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称。
"keywords" 是一个经常被用到的名称。
它为文档定义了一组关键字。
某些搜索引擎在遇到这些关键字时, 会用这些关键字对文档进行分类。
类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助:
<meta
name="keywords"
content="HTML,ASP,PHP,SQL"
如果没有提供 name 属性,那么名称/值对中的名称会采用 http-equiv 属性的值。
http-equiv 属性
http-equiv 属性为名称/值对提供了名称。
并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
当服务器向浏览器发送文档时,会先发送许多名称/值对。
虽然有些服务器会发送许多这种名称/值对,但 是所有服务器都至少要发送一个: content-type:text/html。
这将告诉浏览器准备接受一个 HTML 文档。
使用带有 http-equiv 属性的 <meta> 标签时, 服务器将把名称/值对添加到发送给浏览器的内容头部。
例如,添加:
<meta <meta
http-equiv="charset" http-equiv="expires"
content="iso-8859-1"> content="31 Dec 2008">
这样发送到浏览器的头部就应该包含:
content-type: text/html charset:iso-8859-1 expires:31 Dec 2007
当然,只有浏览器可以接受这些附加的头部字段,并能以适当的方式使用它们时,这些字段才有意义。
content 属性
content 属性提供了名称/值对中的值。
该值可以是任何有效的字符串。
content 属性始终要和 name 属性或 http-equiv 属性一起使用。
scheme 属性
scheme 属性用于指定要用来翻译属性值的方案。
此方案应该在由 <head> 标签的 profile 属性指定的 概况文件中进行了定义。
标准属性
dir, lang, xml:lang
如需完整的描述,请访问标准属性。
。