美文网首页
关于HTML标签的认识之meta标签

关于HTML标签的认识之meta标签

作者: zy懒人漫游 | 来源:发表于2018-01-26 20:30 被阅读0次

1.meta标签是什么

META标签是HTML语言HEAD区的一个辅助性标签

2.meta标签是干什么用的?

META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。它提供的信息虽然用户不可见,但却是文档的最基本的<strong>元数据</strong>。

3.元数据又是什么东西?

<strong>元数据</strong>,元数据(Metadata)是用来概括描述数据的一些基本数据,也就是描述数据的数据。主要是描述数据属性的信息,用来支持如指示存储位置、历史数据、资源查找、文件记录等功能。

那么对于网页也来说,metadata就是通过一些字段信息来描述一下当前网页,以便浏览器和搜索引擎在访问到此网页的时候,可以通过这些描述信息来知道如何去解析此网页数据。

meta标签的使用

meta标签共有两个属性:http-equiv和name;不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。

name属性

name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

1.meta标签的name属性语法格式是:<meta name=”参数” content=”具体的参数值”> 。其中name属性主要有以下几种参数:

Keywords(关键字)

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

举例:<meta name ="keywords" content="science, education,culture,politics,ecnomics,relationships, entertaiment, human">

description(网站内容描述)

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

举例:<meta name="description" content="This page is about the meaning of science, education,culture.">

author(作者)

说明:标注网页的作者

举例:<meta name="author" content"root,root@21cn.com">

http-equiv属性

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

meat标签的http-equiv属性语法格式是:<meta http-equiv=”参数” content=”参数变量值”> ;其中http-equiv属性主要有以下几种参数:

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

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

用法:<meta http-equiv="content-Type" content="text/html; charset=gb2312">

Expires(期限)

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

用法:<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">

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

Pragma(cache模式)

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

用法:<meta http-equiv="Pragma" content="no-cache">

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

Refresh(刷新)

说明:自动刷新并指向新页面。

用法:<meta http-equiv="Refresh" content="2; URL=http://www.root.net">

注意:其中的2是指停留2秒钟后自动刷新到URL网址。

Set-Cookie(cookie设定)

说明:设置cookie, 如果网页过期,那么存盘的cookie将被删除。

用法:<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT; path=/">

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

Window-target(显示窗口的设定)

说明:强制页面在当前窗口以独立页面显示。

用法:<meta http-equiv="Window-target" content="_top">

注意:用来防止别人在框架里调用自己的页面。

meta标签对搜索引擎的作用

meta标签的一个很重要的功能就是设置关键字,来帮助你的主页被各大搜索引擎登录,提高网站的访问量。在这个功能中,最重要的就是对Keywords和description的设置。因为按照搜索引擎的工作原理,搜索引擎首先派出机器人自动检索页面中的keywords和decription,并将其加入到自己的数据库,然后再根据关键词的密度将网站排序。因此,我们必须设置好关键字,来提高页面的搜索点击率。下面我们来举一个例子供大家参考:

<meta name="keywords" content="政治,经济, 科技,文化, 卫生, 情感,心灵,娱乐,生活,社会,企业,交通">

<meta name="description" content="政治,经济, 科技,文化, 卫生, 情感,心灵,娱乐,生活,社会,企业,交通">

设置好这些关键字后,搜索引擎将会自动把这些关键字添加到数据库中,并根据这些关键字的密度来进行合适的排序。

相关文章

  • 关于HTML标签的认识之meta标签

    1.meta标签是什么 META标签是HTML语言HEAD区的一个辅助性标签 2.meta标签是干什么用的? ME...

  • ## HTML基础-认识HTML

    ## HTML基础-认识HTML # head标签 # title标签 # body标签 # meta标签(字符集...

  • meta标签大全

    关于meta标签 meta标签相关runoob.com参考博客 HTML DOM Meta对象 Meta 对象代表...

  • HTML 优秀文章和工具收藏

    标签和属性 HTML Cheat Sheet HTML标签大全 cheatsheet META 标签 META 标...

  • HTML 常用meta标签总结

    起初接触html时,对于meta标签认识很少,只有

  • H5变化的元素

    DOCTYPE meta声明 link标签 script标签 DOCTYPE声明 html4 html5 meta...

  • meta标签的方法

    HTMl中Meta标签详解以及meta property=og标签含义 meta是用来在HTML文档中模拟HTTP...

  • meta

    meta标签的常见应用 meta标签 meta标签HTML语言head区域的一个辅助性标签,常用于定义页面的说明,...

  • HTML阶段第二天

    1、html头部标签doctype 标签 、head标签、title标签、link标签、meta标签、scri...

  • HTML阶段第一小节——第二天

    1、html头部标签 doctype 标签 、head标签、title标签、link标签、meta标签、scrip...

网友评论

      本文标题:关于HTML标签的认识之meta标签

      本文链接:https://www.haomeiwen.com/subject/iinwaxtx.html