网站设计制作中meta标签的作用介绍(身为程序员的你懂吗)

做网站设计制作的都知道,网站代码与一篇文章一样分为头中尾三个部分,头部主要描述了网页的大致信息,中部则主要体现网页内容,而底部则是摆放版权以及联系方式等内容,下面易名网络将为大家介绍代码头部meta标签的详细作用。

meta标签是在html代码里的一个关键标签,它位于代码头部的<head>和</head>之间,虽然生成网页后大家看不见这些标签效果,但是却有着非常重要的作用,如经常说的网站标题、关键词、描述等、使用语言、网页作者以及网页等级等作用。

一、name属性

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

1.Keywords(关键词):主要用来告诉搜索引擎你网页的关键字是什么,例:<meta name ="keywords" content="网站设计">

2.description(描述):用来告诉搜索引擎你的网站主要内容,例:<meta name="description" content="这是一篇很好的文章。">

3.author(作者):主要用来标注网页的作者,例:<meta name="author" content"易名网络www.eq.sd.cn">

二、http-equiv属性

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

1.content-Type(显示字符集的设定):设定页面使用的字符集,例:<meta http-equiv="content-Type" content="text/html; charset=gb2312">

1.帮助主页被各大搜索引擎收录

meta标签的一个很重要的功能就是设置关键字,来帮助你的主页被各大搜索引擎登录,提高网站的访问量。在这个功能中,重要的就是对Keywords和description的设置。

2.定义页面的使用语言

这是meta标签常见的功能,在制作网页时,我们在纯HTML代码下都会看到它,它起的作用是定义你网页的语言,当浏览者访问你的网页时,浏览器会自动识别并设置网页中的语言。

3.自动刷新并指向新的页面

如果你想使您的网页在无人控制的情况下,能自动在指定的时间内去访问指定的网页,就可以使用meta标签的自动刷新网页的功能。

4.控制网页显示的窗口

我们还可以使用meta标签来控制网页显示的窗口,只要在网页中加入下面的代码就可以了:<metahttp-equiv="window-target" content="_top">,这段代码可以防止网页被别人作为一个Frame调用。

以上就是易名网络(www.eq.sd.cn)关于“meta标签组成及功能”的介绍,只是粗略的介绍了一下常用的属性,其他多余的感觉没有必要,基本上用不上。

网站设计制作中meta标签的作用介绍(身为程序员的你懂吗)非原创文章,如若转载,请注明出处:https://web.eq.sd.cn/4_2674.html