站点META标签常用写法介绍

合集下载

常见的meta标签属性

常见的meta标签属性

常见的meta标签属性meta标签是⽹页元标签。

可以定义⼀些⽹站的功能。

1. name属性name属性的通⽤格式如下:<meta name="xxx" content="xxxx,xxxx">常见的值有如下⼏种:1. viewport定义浏览器窗⼝的视窗为⾃适应⼤⼩<meta name="viewport" content="width: device-width,initial-scale=1.0">2. keywords指定当前页⾯对于搜索引擎的关键字<meta name="keywords" content="js,html">3. description告诉搜索引擎当前页⾯的主要内容,firefox中被⽤作标签的描述。

<meta name="description" content="this is a websit">4. author标明作者<meta name="author" content="lyralee">2. http-equiv属性该属性可以改变服务器和js引擎的⼀些⾏为。

通⽤形式:<meta http-equiv="xxx" content="xxx">1. refresh⾃动刷新页⾯。

content的内容是刷新的间隔时间(s)<meta http-equiv="refresh" content="1">2. X-UA-CompatibleIE8出现的,对于IE8+有效。

指定IE8+的浏览器渲染模式。

通⽤模式:<meta http-equiv="xxxxx" content="ie=XXXX,xxx">常见值类型:1. 将IE8+使⽤最⾼版本的IE对应的渲染引擎进⾏渲染页⾯<meta http-equiv="X-UA-Compatible" content="ie=edge">2. 将IE8+使⽤IE8渲染引擎渲染页⾯<meta http-equiv="X-UA-Compatible" content="ie=8">3. 将IE8+使⽤IE7渲染引擎渲染页⾯<meta http-equiv="X-UA-Compatible" content="ie=7">4. 对于内嵌了ChromeFrame的浏览器,使⽤chrome的渲染引擎进⾏渲染<meta http-equiv="X-UA-Compatible" content="ie=Edge,chrome=1">。

常用meta标签

常用meta标签

常用meta标签摘要:一、meta 标签简介1.meta 标签的作用2.meta 标签的种类二、常用的meta 标签1.charset2.viewport3.description4.keywords5.author6.robots7.noindex8.nofollow三、meta 标签的实际应用1.charset 标签在网页中的作用2.viewport 标签对移动端设备的支持3.description 和keywords 标签对搜索引擎优化的重要性4.author 标签展示作者信息5.robots 标签控制爬虫行为6.noindex 和nofollow 标签避免索引和传递权重四、meta 标签的注意事项1.标签的书写顺序2.标签的合理使用正文:meta 标签是HTML 文档头部的标签,用于提供元数据(metadata)信息,虽然这些信息不会直接显示在网页上,但它们对于搜索引擎和浏览器来说非常重要。

meta 标签的种类很多,这里我们主要介绍常用的meta 标签。

首先,我们来了解一下meta 标签的作用。

meta 标签主要用于提供关于HTML 文档的附加信息,如字符集、作者、描述、关键词等。

这些信息对于搜索引擎理解网页内容、浏览器正确显示网页以及网页的语义化非常重要。

一、meta 标签的种类1.charset:定义文档的字符集,用以说明文档使用的字符编码。

常用的字符集有UTF-8、GBK 等。

2.viewport:用于设置移动端设备页面的可见部分和缩放比例。

3.description:描述网页的内容,通常作为搜索引擎结果页面的摘要。

4.keywords:列出网页的关键字,有利于搜索引擎对网页内容的理解。

5.author:显示网页的作者信息。

6.robots:告诉搜索引擎爬虫如何处理网页,如是否抓取、索引等。

7.noindex:告诉搜索引擎不要索引此网页。

8.nofollow:告诉搜索引擎不要跟踪此网页的链接。

html中meta标签及用法详解

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标签用法和作用

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标签里的三大标签

浅说怎样写网页meta标签里的三大标签我们知道meta标签是内嵌在网页中的特殊html标签,meta标签主要由标题标签title、关键词标签keywords以及描述标签description三部分组成。

这三个都是搜索引擎的搜索指南,可以使网站更容易的被搜索引擎收录,在搜索引擎中相关关键词的排名占据有利的位置,因此写好meta对于网站的经营是相当重要的。

但是meta不能随随便便写,我们在搜索引擎里经常看到一些网站title和描述到一定字数它后面就会出现“…”省略号,省略号后的内容基本对搜索引擎是无用的,所以在写这些标签的时候要把握些技巧,乱堆乱放,凑字数是不利于搜索引擎优化的,那么要怎么写呢?下面优优二手车网小编结合自身的网站跟大家说说:(目标关键词:二手车、二手车交易网、二手车交易市场)标题标签title:标题标签是网站重要一部分,直观的告诉搜索引擎以及用户这个网站所陈放的内容。

每个网站都需要写一个独一无二与网页内容符合的标题,标题不可以太长,最好控制在64个字符也就是32个汉字内,标题中关键词布局要自然,而且最好要包含网站目标关键词。

如:【二手车_二手车交易市场_二手车交易网】-优优二手车网关键词标签keyword:关键词标签是网站优化的目标关键词,主要是告诉搜索引擎你这个网站主要突出点是什么,同事关键词标签也可以提高关键词密度,所以关键词标签也很重要,但是写关键词标签的时候切忌堆砌关键词,数量一般控制在3-5个,而且关键词之间用逗号或者空格隔开,逗号表示是逻辑“或”的意思,空格表示逻辑“与”的意思。

要说的一点是用空格分开还有个好处就是可以让搜索引擎把空格分开的关键词根据一定的方式自由组合。

如:二手车二手车网二手车交易网二手车交易市场描述标签description:网站描述标签主要是给搜索引擎看的,现在百度跟谷歌都非常喜欢描述,描述标签要用词连贯,与页面内容相符,可以是一小段(一个或者两个句子)就是将首页标题、关键词和一些重要的栏目内容融合到一起,里面也可以参杂2-3个目标关键词,增加关键词密度,但必须保障内容通顺,自然!描述标签写的好的话,一方面可以促进关键词排名,另一方面也可以鼓动用户去点击浏览你的网站。

SEO优化之网站META描述

SEO优化之网站META描述

SEO优化之网站META描述很多站长在设计模板时容易忽略META描述,其实在SEO实践中,META描述对搜索结果的影响是很大的,尤其在百度分词技术革新后,关键字搜索与META描述的关联性愈发紧密。

META描述通常位于网页的head标签中,在title下方。

一般由以下几个部分组成:meta http-equiv="Content-Type"content="text/html;charset=gb2312"/这是META描述必须有的固定语句格式,其中charset声明了网页的编码keywords属性即网页的关键字description属性即网页的简略介绍此外,META描述还允许出现如copyright一类的属性,来展示更多的信息。

我们以站长中国为例来作说明:meta http-equiv="Content-Type"content="text/html;charset=gb2312"///固定的开场白title站长中国-与中国站长一起成长!/title//网页标题meta name="keywords"content="站长中国,中国站长,站长网,站长,草根站长"///网页关键字meta name="description"content="站长中国-与中国站长一起成长!"///网页简略介绍即网页描述meta name="generator"content="Dreamweaver"/meta name="author"content="绝口不提,************"/meta name="copyright"content="2007-2009 ZZCHN."///以上三项非必需在整个META标签中,最为重要是keywords和description两个属性。

meta标签常用用法

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的一些写法和注意

站title与meta的写法有很多⼈写过这样的技术⽂章,总觉得⽋缺⼀些,今天我把我的⼀点⼼得与⼤家分享! title与 meta的作⽤是关键的,⼈都有名字,页也是⼀样,没了名字谁会认识你,搜索更不会认识。

各⼤搜索引擎对title与meta的认识也有所不同,有的搜索会直接抓取meta⽤来代表页⾯的信息,⽽有的搜索会把meta作为⼀种衡量,⽽抓取页⾯title与meta相关的信息。

title与meta的写法很重要,直接关系到关键词的排名。

⼀个站不要只局限在⼏个关键词上⾯,可以分析出很多相关关键词。

⾸页title与meta的写法是站的精髓的体现,很多站盲⽬的在⾸页堆积了很多热门关键词,反⽽适得其反,的写法是总结整站分析出⼏个词,由这⼏个词或这⼏个词组成的⼀段话加上站的名字组成。

控制在40个字符,20个汉字以内。

meta中keywords可以由总结出的⼏个词组成,控制在4个词以内,之间中英⽂输⼊的逗号分隔。

meta中description由⼀段⽂字组成,切记不要⽤关键词,把总结出来的关键词要融合在description⾥。

以上分析⾸页的title与meta写法,可以看出站的总体精髓分别在title与meta都有显⽰,加强了⾸页的整体势⼒。

列表或栏⽬页⾯title与meta可以争取更多的关键词排名,栏⽬的命名由关键词命名(由站性质决定),把⼀个栏⽬页作为⼀个独⽴体去理解关键词,具体写法可参照⾸页的写法。

关键就在于分析栏⽬的关键词。

title与⾸页略有不同,⽤关键词与上级栏⽬的名字组成。

内容页⾯是争取流量最有效的⽅法。

title与meta的写法与上⾯不同,⼀篇⽂章的标题加上所属栏⽬的名字作为标题,keywords可以⽤标题组成,不过的⽅式是由标题中分离出1到2个词组成,description由在⽂章中提取的⼀段⽂字组成,控制在90 个字符左右。

meta标签写法

meta标签写法

META标签的写法包括以下几种:META标签的Keywords:代表说明网站的关键词是什么,写法为:<meta name="Keywords" content="信息参数">。

META标签的Description:代表说明网站的主要内容,概况是什么,写法为:<meta name="Description" content="信息参数">。

META标签的author:代表说明网页版权作者信息,写法为:<meta name="author" content="信息参数">。

META标签的COPYRIGHT:代表说明网站版权信息,写法为:<META NAME="COPYRIGHT" CONTENT="信息参数">。

Content-Type和Content-Language:显示字符集的设定。

Refresh:刷新,用法为<meta http-equiv="Refresh" Content="秒数">。

Expires:期限,用法为<meta http-equiv="Expires" Content="日期时间">。

Pragma:cach模式,用法为<meta http-equiv="Pragma" Content="No-cach">。

Set-Cookie:cookie设定,用法为<meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/">。

网站元数据meta标签的含义和用法

网站元数据meta标签的含义和用法

网站元数据meta标签的含义和用法Meta标签是HTML语言中HEAD区的一个辅助性标签,它位于HTML文档头部的&lt;head&gt;标记和&lt;title&gt;标记之间,它提供用户不可见的信息。

META标签有两个重要的属性:HTTP标题信息(HTTP-EQUIV)和页面描述信息(name)。

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

Meta 标签的name属性语法格式:<meta name="参数" content="具体参数值">1. Keywords (关键字)说明:告诉搜索引擎你网页的关键字是什么。

用法:&lt;meta name="keywords" content="SEO优化,SEO优化教程,网站优化,搜索引擎优化教程"&gt;2. Description (网页描述)说明:Description用来告诉搜索引擎你的网页主要内容。

用法:&lt;metaname="description" content="学习研究搜索引擎优化网提供专业的SEO优化教程,收集整理SEO优化文章、SEO优化工具,为网络营销贡献出自己的一份力量。

" /&gt;3. Robots (机器人向导)说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。

Content的参数有all、none、index、noindex、follow、nofollow。

默认是all。

用法:&lt;meta name="robots"content="All|None|Index|Noindex|Follow|Nofollow"&gt;all:文件将被检索,且页面上的链接可以被查询;none:文件将不被检索,且页面上的链接不可以被查询;(和"noindex, no follow" 起相同作用)index:文件将被检索;(让robot/spider 登录)follow:页面上的链接可以被查询;noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider 登录)nofollow:文件将不被检索,页面上的链接可以被查询。

META标签的常见用法

META标签的常见用法

META标签的常见用法最近,Danny Sullivan谈到了如何处理的搜索引擎meta标签的问题,以下是一些关于在Google中如何处理这些问题的答案。

多内容数值我们建议你把所有的Meta标签内容放在一个meta中。

这将使得meta标签更易于读取并降低发生错误的概率。

例如:<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">如果一行包含对个meta标签,我们将会累加标签的内容,例如,我们会将<META NAME="ROBOTS" CONTENT="NOINDEX"><META NAME="ROBOTS" CONTENT="NOFOLLOW">理解为:<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">如果内容的数值有冲突,我们将使用最严格的那个。

所以,如果有个页面包含下面的meta标签:<META NAME="ROBOTS" CONTENT="NOINDEX"><META NAME="ROBOTS" CONTENT="INDEX">我们将只遵守noindex的数值。

单词拼写规范Googlebot可以理解任何大小写的组合,所有大小写都是同样的效果。

如果包含多内容的数值,数值之间需要使用逗号分隔。

同时使用robots.txt和robots meta标签如果你同时使用了robots.txt文件和robots meta标签,如果robots.txt和meta标签有冲突,googl ebot将使用限制更严的。

具体来说:如果你在robots.txt里禁止了某一页,Googlebot永远也不会去索引那一页,也不会读取那一页的任何标识。

html中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标签常用写法介绍

亿推英文文章发布,亿推代写英文软文,代写英文新闻稿,亿推英文文章撰写,写英文新闻稿,亿推写英文软文,写外贸推广软文,亿推标准化英文推广,TuiGuang123亿推拥有:1.英文外链——拥有超过1000个独立IP英文网站首页广告位,每个网站不超过8个广告2.英文文章外链——拥有超过5,000,00篇英文专业软文,覆盖各行业,提供文章关键词广告3.英文新闻稿发布——拥有超过3000个英文新闻合作站点,提供各种价位的新闻稿发布服务4.英文软文撰写——国内超过20人英语专业写手,国外超过60人的本土软文撰写团队META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。

一、HTTP-EQUIVHTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。

常用的HTTP-EQUIV类型有:1、Content-Type和Content-Language(显示字符集的设定)用法:<Metahttp-equiv="Content-Type"Content="texthtml;Charset=gb2312">或<Metahttp-equiv="Content-Language"Content="zh-CN">设定页面使用的字符集,用以说明主页制作所使用的文字或语言,浏览器会根据此来调用相应的字符集显示页面内容。

简体中文一般为GB2132,繁体中文为BIG5,日文的字符集是iso-222-jp,韩文的是ks_c_561等。

2、Refresh(刷新)用法:<Metahttp-equiv="Refresh"Content="3">或<Metahttp-equiv="Refresh"Content="5;Url=bazhan">让网页多少秒刷新自己,或在多少秒后让网页自动链接到其它网页。

html中meta的用法(一)

html中meta的用法(一)

html中meta的用法(一)HTML中meta的用法在HTML中,meta标签用于描述网页的元数据。

元数据是指描述数据的数据,它提供了关于网页的信息,比如网页的标题、关键词、作者等等。

下面是一些常见的meta标签用法及详细讲解:1. 描述网页的标题<meta name="title" content="网页标题">这个meta标签用于描述网页的标题。

它通常位于head标签中,并使用name属性设置为”title”。

content属性用于指定网页的标题。

2. 描述网页的关键词<meta name="keywords" content="关键词1, 关键词2, 关键词3">这个meta标签用于描述网页的关键词。

它通常位于head标签中,并使用name属性设置为”keywords”。

content属性用于指定网页的关键词,多个关键词之间可以使用逗号分隔。

3. 描述网页的描述<meta name="description" content="网页描述">这个meta标签用于描述网页的内容。

它通常位于head标签中,并使用name属性设置为”description”。

content属性用于指定网页的描述。

4. 设置字符编码<meta charset="UTF-8">这个meta标签用于设置网页的字符编码。

它通常位于head标签中,使用charset属性设置为所需的字符编码。

常见的字符编码包括UTF-8、GBK等。

5. 设置视口<meta name="viewport" content="width=device-width, initial-scale=">这个meta标签用于设置网页的视口。

meta用法

meta用法

meta用法Meta 用法1. 什么是 MetaMeta 是一种元数据的概念,它描述了数据的特征和属性。

在创作中,Meta 用法指的是利用元数据来补充或解释作品本身。

以下是一些常见的 Meta 用法,让我们逐一来了解。

2. Meta 用法示例•Meta 描述–描述: <meta name="description" content="这是一段关于作品的简短描述">–作用: 描述页面的主要内容,有利于搜索引擎理解网页。

–注意事项: 描述内容应简洁明了,不超过150个字符。

•Meta 关键词–描述: <meta name="keywords" content="关键词1,关键词2,关键词3">–作用: 标记页面的关键词,有利于搜索引擎索引和检索。

–注意事项: 关键词应与页面内容相关,避免堆砌无关关键词。

•Meta 作者–描述: <meta name="author" content="作者姓名">–作用: 说明作品的创作者,有利于读者了解和联系作者。

–注意事项: 可以是个人的姓名或团队的名称,应真实可信。

•Meta 版权–描述: <meta name="copyright" content="版权声明">–作用: 明确作品的版权归属和使用限制。

–注意事项: 版权声明应准确清晰,署名权归作品创作者。

•Meta 历史–描述: <meta http-equiv="refresh" content="秒数;url=URL">–作用: 设置网页自动跳转或刷新。

–注意事项: 刷新过于频繁可能会影响用户体验,请谨慎使用。

•Meta 网页图标–描述: <link rel="icon" href="图标文件路径">–作用: 设置网页在浏览器标签页中显示的图标。

META标签参数详解

META标签参数详解

META标签参数详解META标签除了常⽤的关键字标签(keywords)和描述标签(description)外,还有其他许多标签,下⾯我们来详细介绍各种META标签的⽤法。

1、META标签的keywords写法为:<meta name="Keywords" content="信息参数" />meat标签的Keywords的的信息参数,代表说明⽹站的关键词是什么。

2、META标签的Description<meta name="Description" content="信息参数" />meat标签的Description的信息参数,代表说明⽹站的主要内容,概况是什么。

3、META标签的http-equiv=Content-Type content="text/htmlhttp-equiv=Content-Type代表的是HTTP的头部协议,提⽰浏览器⽹页的信息,<meta http-equiv="Content-Type" content="text/html; charset=信息参数" />meat标签的Description的信息参数如GB2312时,代表说明⽹站是采⽤的编码是简体中⽂;meat标签的Description的信息参数如BIG5时,代表说明⽹站是采⽤的编码是繁体中⽂;meat标签的Description的信息参数如iso-2022-jp时,代表说明⽹站是采⽤的编码是⽇⽂;meat标签的Description的信息参数如ks_c_5601时,代表说明⽹站是采⽤的编码是韩⽂;meat标签的Description的信息参数如ISO-8859-1时,代表说明⽹站是采⽤的编码是英⽂;meat标签的Description的信息参数如UTF-8时,代表世界通⽤的语⾔编码;4、META标签的generator<meta name="generator" content="信息参数" />meat标签的generator的信息参数,代表说明⽹站的采⽤的什么软件制作。

html中meta的用法

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 信息。

相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

亿推英文文章发布,亿推代写英文软文,代写英文新闻稿,亿推英文文章撰写,写英文新闻稿,亿推写英文软文,写外贸推广软文,亿推标准化英文推广,TuiGuang123亿推拥有:1.英文外链——拥有超过1000个独立IP英文网站首页广告位,每个网站不超过8个广告2.英文文章外链——拥有超过5,000,00篇英文专业软文,覆盖各行业,提供文章关键词广告3.英文新闻稿发布——拥有超过3000个英文新闻合作站点,提供各种价位的新闻稿发布服务4.英文软文撰写——国内超过20人英语专业写手,国外超过60人的本土软文撰写团队META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。

一、HTTP-EQUIVHTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。

常用的HTTP-EQUIV类型有:1、Content-Type和Content-Language(显示字符集的设定)用法:<Metahttp-equiv="Content-Type"Content="texthtml;Charset=gb2312">或<Metahttp-equiv="Content-Language"Content="zh-CN">设定页面使用的字符集,用以说明主页制作所使用的文字或语言,浏览器会根据此来调用相应的字符集显示页面内容。

简体中文一般为GB2132,繁体中文为BIG5,日文的字符集是iso-222-jp,韩文的是ks_c_561等。

2、Refresh(刷新)用法:<Metahttp-equiv="Refresh"Content="3">或<Metahttp-equiv="Refresh"Content="5;Url=bazhan">让网页多少秒刷新自己,或在多少秒后让网页自动链接到其它网页。

3、Expires(期限)用法:<Metahttp-equiv="Expires"Content="">或<Metahttp-equiv="Expires"Content="Wed,26Feb19978:21:57GMT">指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。

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

4、Pragma(cach模式)用法:<Metahttp-equiv="Pragma"Content="No-cach">网页不保存在缓存中,每次访问都刷新页面。

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

5、Set-Cookie(cookie设定)<Metahttp-equiv="Set-Cookie"Content="cookievalue=xxx;expires=Wednesday,21-Oct-98 16:14:21GMT;path=">浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。

当你希望访问者每次都刷新你广告的图标,或每次都刷新你的计数器,就要禁用缓存了。

通常HTML文件没有必要禁用缓存,对于ASP等页面,就可以使用禁用缓存,因为每次看到的页面都是在服务器动态生成的,缓存就失去意义。

如果网页过期,那么存盘的cookie将被删除。

必须使用GMT的时间格式。

6、Window-target(显示窗口的设定)用法:<Metahttp-equiv="Widow-target"Content="_top">强制页面在当前窗口以独立页面显示。

这个属性是用来防止别人在框架里调用你的页面。

Content选项:_blank、_top、_self、_parent。

7、Pics-label(网页RSAC等级评定)用法:<METAhttp-equiv="Pics-label"Contect="(PICS-1.1'bazhan'Igencomment'RSACiNorthAmericaSever'by'inet@microsoft'for'microsoft'on'">在IE的Internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过该参数来设置的。

8、Page-Enter、Page-Exit(进入与退出)用法:<Metahttp-equiv="Page-Enter"Content="blendTrans(Duration=.5)"><Metahttp-equiv="P age-Exit"Content="blendTrans(Duration=.5)">或者:<Metahttp-equiv="Page-Enter"Content="revealTrans(duration=x,transition=y)"><Meta http-equiv="Page-Exit"Content="revealTrans(duration=x,transition=y)">这个是页面被载入和调出时的一些特效。

注意:blendTrans是动态滤镜的一种,产生渐隐效果。

另一种动态滤镜RevealTrans也可以用于页面进入与退出效果:Duration表示滤镜特效的持续时间(单位:秒);Transition滤镜类型。

表示使用哪种特效,取值为-23。

9、IE6(页面生成器)用法:<Metahttp-equiv="IE6"Content="Generator">页面生成器generator,是ie6。

1、Content-Script-Type(脚本相关)用法:<Metahttp-equiv="Content-Script-Type"Content="textjavascript">注意:这是近来W3C的规范,指明页面中脚本的类型。

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

11、Keywords(关键字)用法:<Metaname="Keywords"Content="关键词1,关键词2,关键词3,关键词4">为搜索引擎提供的关键字列表。

注意:各关键词间用英文半角逗号“,”隔开。

关键词数量最好保持在5个以内,关键词要和页面内容相关。

12、Description(简介)用法:<Metaname="Description"Content="你网页的简述">Description用来告诉搜索引擎你的网站或该页面的主要内容,描述内容要和页面内容相关,字数在15个字以内。

13、Robots(机器人向导)用法:<Metaname="Robots"Content="All|None|Index|Noindex|Follow|Nofollow">说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。

Content的参数有all、none、index、noindex、follow、nofollow。

默认是all。

all:文件将被检索,且页面上的链接可以被查询;none:文件将不被检索,且页面上的链接不可以被查询;(和"noindex,nofollow"起相同作用);index:文件将被检索;(让robotspider 登录);follow:页面上的链接可以被查询;noindex:文件将不被检索,但页面上的链接可以被查询;(不让robotspider登录);nofollow:文件将不被检索,页面上的链接可以被查询。

(不让robotspider顺着此页的连接往下探找)。

14、Author(作者)用法:<Metaname="Author"Content="毅衡,5@163">标注网页的作者或制作组。

Content可以是:你或你的制作组的名字或Email。

15、Copyright(版权)用法:<Metaname="Copyright"Content="本页版权归毅衡所有。

AllRightsReservedicediary">标注版权。

16、Generator(编辑器)用法:<Metaname="Generator"Content="PCDATA|FrontPage|">编辑器的说明。

17、revisit-after(重访)用法:<METAname="revisit-after"CONTENT="7days">一般用做引导搜索引擎重新访问你的站点的时间间隔,一般使用days。

三、META常用举例:<METAhttp-equiv=Content-Typecontent="texthtml;charset=gb2312">设定页面语言为简体中文<METAcontent="关键字"name="keywords">设定关键字<METAcontent="内容描述"name="description">设定描述<METAhttp-equiv="Refresh"Content="3">设定该页面3秒自动刷新<METAname="robots"content="index,follow">设定允许搜索引擎可以检索,页面上链接可以查询<METAname="googlebot"content="index,follow">针对google的搜索机器人设定允许搜索引擎可以检索,页面上链接可以查询<METAname="Author"Content="毅衡">页面作者<METAname="Copyright"Content="AllRightsReservedicediary">页面版权<METAname="revisit-after"CONTENT="1days">设定回访为1天。

相关文档
最新文档