论文部分内容阅读
摘要:网页的头部位于网页的顶端,网页运行时首先是从头部开始加载的。网页中的文字按何种编码进行显示、你的网站能否被搜索引擎查找到就需要依赖于你在头部设置的meta标记。该文围绕网页的头部内容meta标记而展开,通过该标记的属性设置讲解了网页中文档的编码、关键字和描述信息等相关内容。
关键词:meta标记;网页头部;文件头内容
中图分类号:TP393 文献标识码:A 文章编号:1009-3044(2015)06-0192-03
Meta Tag of the Head of the Web
HUANG Xiao-hua, LI Jun-jing
(Department of information engineering Jiangxi Vocational and Technical College of Communication, Nanchang 330013, China)
Abstract: The head of a web page is at the top of the web page. The text in the web page by what encoding display, your website can be found by the search engine will need to rely on your head to set the meta tag. In this paper, the head of the web page meta tag and launch, through the attribute of the tag set on the web page of the document of encoding, keyword and description of information and other related content.
Keywords: Meta tags; web head; file header content
一个标准的HTML网页文件由网页的头部和网页的主体两部分构成。网页的头部是放在与之间,而网页的主体是放在与之间。网页中要显示的信息是位于网页的主体中,而网页头部信息一般并不会直接在网页中显示,由于它作为网页的幕后角色而存在,一般情况很容易被初学者忽略。但这并不代表网页的头部内容不重要,事实上对于网页来说,网页的头部同网页的主体同等重要,特别是位于头部的meta标记,在网页中发挥着重要的作用。
1 背景
meta标记是一个特殊的HTML标记,所有定义在该标签中的内容是不可见的,但是它的用途很多,功能强大,如用做网页编码、网页关键字、网页介绍、作者、robots,同时,它还可以设置页面,使其根据定义的时间间隔刷新自己,以及进行跳转等。对于一个优秀的网页来说,meta标记是不可缺少的。对于高级的搜索引擎来说meta标签的使用是最常见的。
meta 标签是一个单标记,需要直接用斜杠一个">"结束,如,它的功能是通过两个属性来表示的,分别是http-equiv属性和name属性。
2 meta标记http-equiv属性
meat 标签的http-equiv属性语法格式是:。http-equiv相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容。http-equiv有多个不同的参数,不同的参数取值是不同的,正是通过设置的不同的参数和参数值来发挥不同的功能。content中的内容就是用来设置各个参数的值。以下介绍http-equiv属性两个重要参数Content-Type和Refresh的使用。
1)设置文档编码类型
通过Content-Type参数可设置网页中的字符采用何种类型的编码来显示。每个在Dreamweaver中新建的网页默认情况下都会自动产生以下代码来指定网页中字符的编码方式:
此处的Content-Type是http-equiv属性的参数,用来设置文档的类型,content的第一个取值用来指定网页的语言类型,通常网页的语言类型是html或者xml等文档类型,因此取值通过为text或者html,content的第二个取值charset用来指定网页中的文字使用何中编码方式进行显示,如此处的默认取值为utf-8,表示用中文编码。如需要用简体中文编码则charset应gb2312;如用繁体中文,则charset应为big5;如要用英语则charset应为iso-8859-1等。
文档的编码类型关系到网页中的字符能否正确显示,若未正确设置可能导致网页中的字符由于不能正常显示而出现像乱码。如果用户在网页中设置了错误的文档编码类型,系统会警告用户“文档当前的编码不能正确保存文档内所有字符,可能需要改为其他支持文档中的其他字符编码,”这时用户就需要提高警惕。
2)设置页面自动刷新
通设置过Refresh参数可让网页按照指定的时间自动刷新,或者按指定的时间从当前网页跳转到另一个网页。如以下代码:表示每隔15秒钟网页会自动刷新一次。此处content的取值为15,代表refresh参数刷新的时间间隔是15秒,单位默认情况下是秒。而以下代码:表示网页在本页面停留5秒后会自动跳转到当前网站根目录下的1.html页面。此处content的第二个取值URL表示需要跳转的网页路径,它可以是位于本网站的一个网页地址,也可以是另外一个网站的网址。 3 meta标记name属性
meta标签的name属性语法格式是:,name 属性主要用于描述网页,它的两个重要参数是description(站点在搜索引擎上的描述)和keywords(分类关键词),与之对应的参数值为content,通过content中的参数值就可向搜索引擎提供网页的描述信息和关键字,这样搜索引擎就可以方便找到网页。以下将介绍网页关键字Keywords和网页描述description的具体使用。
1)网页关键字keywords
网页的关键字是对当前页面内容进行概括表达的一个或多个词语,这些词语从不同方面反映了同一个页面的内容。这些关键字并不会作为网页的主体在网页中显示,但为网页设置关键字可以让搜索引擎查找到你的网页,网页的关键是为搜索引擎提供搜索依据,正确设置网页的关键字对网页的推广非常有效,它可以提高网页的排名。
设置网页关键字的Meta 标记语法结构为:
name属性取值为description表示设置网页描述, content是用于描述网页内容的具体文字。网页描述内容将关系到你的网页在搜索引擎列表中被检索到的概率,用户通过网页描述将决定是浏览你的网站还是离开你的网站,所以网页的描述要尽可能准确得当。网页描述的基本要求必须是与网页的内容相关的,网页的标题和关键字都体现了网页的内容,所以网页的描述需要与网页标题和网页内容具有高度的关联性。切忌网页的描述脱离网页内容甚至描述的太夸张脱离实际,这将给浏览者一个非常坏的印象,即使搜索引擎被检索到,浏览者也会很快离开你的网站。
在对网页进行描述时,描述的内容不是越多越好,这是因为搜索引擎对描述文字的字数是有限制的,一般在100-150个字左右,而多余的字会直接被搜索引擎忽略,从而造成描述内容的不完整。这要求你必须保证在规定的字数里把网页描述准确完整。另一方面,在描述的句子中最好包含有网页的关键字,对搜索引擎来说,网页描述中使用的关键字远比网页中的内容要重要,所以越靠关键字效果越好,这样会突显你的关键字。
为区分不同的网页,我们最好为每个页面进行网页描述,因为每个网页的内容是不同的,如果整个网站的页面都使用相同的描述,肯定会造成网页描述的内容与页面无关,这不仅不利于搜索引擎对网页排名,也不利于用户来获取你网页的信息,从而网站失去了更多点击率。
4 网页的标题title标记
网页标题title标记同meta标记中的关键字和描述信息一样是搜索引擎robots搜索的主要依据,为网页设置好标题同样为网页的推广和排名发挥重要作用。
网页的标题是放在双标记与 标记之间。设置了title标记的网页会在浏览器窗口最顶端的标题栏上显示当前网页的标题,网页的标题是对网页内容的高度概括,直接点明网页的主题,是吸引用户兴趣的最直接体现,用户可通过网页的标题决定是否继续浏览网页或是离开网页。
个好的合适的网页标题可以让浏览者在大量的网络信息中更好地找到你的页面,从而增加你网页的访问量,有利于网站的排名。我们应该重视网页标题的命名,在保证能准确地描述你网站的同时要,还应该使你网页的标题的应该尽可能简单明了,让人一看就知道你这个网站是关于什么的。
5 结束语
网页头部内容作为网页的一部分,它位于网页主体的顶部,是页面首先执行的地方,虽然是不可见元素,但它同网页主体一样重要。位于网页头部的meta标记功能更不可忽视,它不但关系到网页的整体设置,更重要的是通过设置网页关键字和描述信息便于网站的推广,增加网站的访问量,提高网站的知名度。毫无疑问,正确使用网页头部的meta标记可以为网页锦上添花,是一个成功页面应该具备的要求。
参考文献:
[1] 梁芳.网页设计与制作[M]. 北京: 清华大学出版社,2010.
[2] 涂敏.网页设计与制作[M]. 江西: 江西高校出版社,2004.
[3] 百度文库: 网页文件头[EB/OL].http://wenku.baidu.com/link?url=OnJ_lFhKBdD-HyCAdOv3GK5 KWCu93bdLp67SYMg F_QGMTr9IZ9cX4mGAGVzVH5c0CJE CeN93qpjRfCt86YStXlH610juL-DLnIwfeumRodG.
[4] PHP中文网: HTML头部信息[EB/OL].http://www.php100.com/html/program/html/2013/0904/1062.html.
[5] 天极网: 网页头部属性设置技巧[EB/OL]. http://www.yesky.com/460/81960.shtml.
关键词:meta标记;网页头部;文件头内容
中图分类号:TP393 文献标识码:A 文章编号:1009-3044(2015)06-0192-03
Meta Tag of the Head of the Web
HUANG Xiao-hua, LI Jun-jing
(Department of information engineering Jiangxi Vocational and Technical College of Communication, Nanchang 330013, China)
Abstract: The head of a web page is at the top of the web page. The text in the web page by what encoding display, your website can be found by the search engine will need to rely on your head to set the meta tag. In this paper, the head of the web page meta tag and launch, through the attribute of the tag set on the web page of the document of encoding, keyword and description of information and other related content.
Keywords: Meta tags; web head; file header content
一个标准的HTML网页文件由网页的头部和网页的主体两部分构成。网页的头部是放在与之间,而网页的主体是放在与之间。网页中要显示的信息是位于网页的主体中,而网页头部信息一般并不会直接在网页中显示,由于它作为网页的幕后角色而存在,一般情况很容易被初学者忽略。但这并不代表网页的头部内容不重要,事实上对于网页来说,网页的头部同网页的主体同等重要,特别是位于头部的meta标记,在网页中发挥着重要的作用。
1 背景
meta标记是一个特殊的HTML标记,所有定义在该标签中的内容是不可见的,但是它的用途很多,功能强大,如用做网页编码、网页关键字、网页介绍、作者、robots,同时,它还可以设置页面,使其根据定义的时间间隔刷新自己,以及进行跳转等。对于一个优秀的网页来说,meta标记是不可缺少的。对于高级的搜索引擎来说meta标签的使用是最常见的。
meta 标签是一个单标记,需要直接用斜杠一个">"结束,如,它的功能是通过两个属性来表示的,分别是http-equiv属性和name属性。
2 meta标记http-equiv属性
meat 标签的http-equiv属性语法格式是:。http-equiv相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容。http-equiv有多个不同的参数,不同的参数取值是不同的,正是通过设置的不同的参数和参数值来发挥不同的功能。content中的内容就是用来设置各个参数的值。以下介绍http-equiv属性两个重要参数Content-Type和Refresh的使用。
1)设置文档编码类型
通过Content-Type参数可设置网页中的字符采用何种类型的编码来显示。每个在Dreamweaver中新建的网页默认情况下都会自动产生以下代码来指定网页中字符的编码方式:
此处的Content-Type是http-equiv属性的参数,用来设置文档的类型,content的第一个取值用来指定网页的语言类型,通常网页的语言类型是html或者xml等文档类型,因此取值通过为text或者html,content的第二个取值charset用来指定网页中的文字使用何中编码方式进行显示,如此处的默认取值为utf-8,表示用中文编码。如需要用简体中文编码则charset应gb2312;如用繁体中文,则charset应为big5;如要用英语则charset应为iso-8859-1等。
文档的编码类型关系到网页中的字符能否正确显示,若未正确设置可能导致网页中的字符由于不能正常显示而出现像乱码。如果用户在网页中设置了错误的文档编码类型,系统会警告用户“文档当前的编码不能正确保存文档内所有字符,可能需要改为其他支持文档中的其他字符编码,”这时用户就需要提高警惕。
2)设置页面自动刷新
通设置过Refresh参数可让网页按照指定的时间自动刷新,或者按指定的时间从当前网页跳转到另一个网页。如以下代码:表示每隔15秒钟网页会自动刷新一次。此处content的取值为15,代表refresh参数刷新的时间间隔是15秒,单位默认情况下是秒。而以下代码:表示网页在本页面停留5秒后会自动跳转到当前网站根目录下的1.html页面。此处content的第二个取值URL表示需要跳转的网页路径,它可以是位于本网站的一个网页地址,也可以是另外一个网站的网址。 3 meta标记name属性
meta标签的name属性语法格式是:,name 属性主要用于描述网页,它的两个重要参数是description(站点在搜索引擎上的描述)和keywords(分类关键词),与之对应的参数值为content,通过content中的参数值就可向搜索引擎提供网页的描述信息和关键字,这样搜索引擎就可以方便找到网页。以下将介绍网页关键字Keywords和网页描述description的具体使用。
1)网页关键字keywords
网页的关键字是对当前页面内容进行概括表达的一个或多个词语,这些词语从不同方面反映了同一个页面的内容。这些关键字并不会作为网页的主体在网页中显示,但为网页设置关键字可以让搜索引擎查找到你的网页,网页的关键是为搜索引擎提供搜索依据,正确设置网页的关键字对网页的推广非常有效,它可以提高网页的排名。
设置网页关键字的Meta 标记语法结构为:
name属性取值为description表示设置网页描述, content是用于描述网页内容的具体文字。网页描述内容将关系到你的网页在搜索引擎列表中被检索到的概率,用户通过网页描述将决定是浏览你的网站还是离开你的网站,所以网页的描述要尽可能准确得当。网页描述的基本要求必须是与网页的内容相关的,网页的标题和关键字都体现了网页的内容,所以网页的描述需要与网页标题和网页内容具有高度的关联性。切忌网页的描述脱离网页内容甚至描述的太夸张脱离实际,这将给浏览者一个非常坏的印象,即使搜索引擎被检索到,浏览者也会很快离开你的网站。
在对网页进行描述时,描述的内容不是越多越好,这是因为搜索引擎对描述文字的字数是有限制的,一般在100-150个字左右,而多余的字会直接被搜索引擎忽略,从而造成描述内容的不完整。这要求你必须保证在规定的字数里把网页描述准确完整。另一方面,在描述的句子中最好包含有网页的关键字,对搜索引擎来说,网页描述中使用的关键字远比网页中的内容要重要,所以越靠关键字效果越好,这样会突显你的关键字。
为区分不同的网页,我们最好为每个页面进行网页描述,因为每个网页的内容是不同的,如果整个网站的页面都使用相同的描述,肯定会造成网页描述的内容与页面无关,这不仅不利于搜索引擎对网页排名,也不利于用户来获取你网页的信息,从而网站失去了更多点击率。
4 网页的标题title标记
网页标题title标记同meta标记中的关键字和描述信息一样是搜索引擎robots搜索的主要依据,为网页设置好标题同样为网页的推广和排名发挥重要作用。
网页的标题是放在双标记
个好的合适的网页标题可以让浏览者在大量的网络信息中更好地找到你的页面,从而增加你网页的访问量,有利于网站的排名。我们应该重视网页标题的命名,在保证能准确地描述你网站的同时要,还应该使你网页的标题的应该尽可能简单明了,让人一看就知道你这个网站是关于什么的。
5 结束语
网页头部内容作为网页的一部分,它位于网页主体的顶部,是页面首先执行的地方,虽然是不可见元素,但它同网页主体一样重要。位于网页头部的meta标记功能更不可忽视,它不但关系到网页的整体设置,更重要的是通过设置网页关键字和描述信息便于网站的推广,增加网站的访问量,提高网站的知名度。毫无疑问,正确使用网页头部的meta标记可以为网页锦上添花,是一个成功页面应该具备的要求。
参考文献:
[1] 梁芳.网页设计与制作[M]. 北京: 清华大学出版社,2010.
[2] 涂敏.网页设计与制作[M]. 江西: 江西高校出版社,2004.
[3] 百度文库: 网页文件头[EB/OL].http://wenku.baidu.com/link?url=OnJ_lFhKBdD-HyCAdOv3GK5 KWCu93bdLp67SYMg F_QGMTr9IZ9cX4mGAGVzVH5c0CJE CeN93qpjRfCt86YStXlH610juL-DLnIwfeumRodG.
[4] PHP中文网: HTML头部信息[EB/OL].http://www.php100.com/html/program/html/2013/0904/1062.html.
[5] 天极网: 网页头部属性设置技巧[EB/OL]. http://www.yesky.com/460/81960.shtml.