欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » (X)HTML初级教程 » 正文

Html教程--元标签的介绍和使用

创建时间:2012年05月28日 10:26  阅读次数:(4366)
分享到:
元标签是什么呢?这个名字听起来怎么这么拗口,也很陌生。确实,这个名词往往被很多新手教程忽略掉。

在这之前,我们来看一下一个正确的html页,应该有什么样的架构(这个好像应该在第一章里就要讲的,这里补上吧。)
一个完整正确的html页,它应该至少包括html,head,body三个标签,那么这三个标签起什么作用呢?
html-是一个网页开始的标识,同时,在网页代码的最后一行应该是对应的结束标签</html>,这两个标签的意义就是网页开始啦,网页结束啦。
head-这是网页头部标签,在这标签里面,应该放入一个对网页进行描述的东西,而不是放到网页的实际内容。因为在放入到这个标签里面的任何内容是不会被显示出来的,也就是浏览者是看不到的。相对于body标签来说,这里面的内容可以理解为是给机器(比如百度等搜索引擎)看的。它也是一个对称封闭的标签<head></head>
body-这才是我们网页真正内容的开始,我们想让浏览者看到的任何内容,都应该放到这里面,相对于head标签,这里面的东西是给浏览者看的。

好了,一个完整的html应该是这样的
<html>
<head></head>
<body>
</body>
</html>

本章的重点"元标签"就是一些要放入到head标签中用于对网页进行说明的一些标签。比如,网页的说明啦,网页的关键字啦等。
元标签的格式为:<meta name="" content="">,其中name是该标签的类型,content就是标签的内容了。比如,
1,为网页添加一段说明:
<meta name="description" content="这个网页主要是讲解一些小朋友应该注意的安全问题">,当浏览器看到name="description"时,它就知道这段是整个网页的说明了。

2,为网页添加关键字
<meta name="keywords" content="小朋友,安全问题">

3,为网页添加标题
<title>小朋友安全知识宣传</title>
title-就是标题的意思,如果我们要为网页起个名字,就把名字放到<title></title>之间,然后浏览者在看这个网页的时候,标题就会显示在浏览器的顶部了。好吧,这个的格式好像和元标签的格式不太一样,没关系,因为讲到这里了,就随带一起,因为这也比较简单,很容易理解。

上面三个示例与html正确的结合在一起的代码为:
<html>
<head>
<title>小朋友安全知识宣传</title>
<meta name="keywords" content="小朋友,安全问题">
<meta name="description" content="这个网页主要是讲解一些小朋友应该注意的安全问题">
</head>
<body>
</body>
</html>


还有很多其它功能的元标签,便"keywords"与"description"是用的最多的两个,我们也只要先了解这两个就可以了。

可能有朋友要问了,为什么元标签中的内容浏览者看不到,那为什么我们还要添加这些东西呢。在上面我们有讲到,元标签中的内容主要是给“机器”看的,更直接一点,就是为了给搜索引擎看的,因为搜索引擎首先要知道我们的网页是干什么的,才能在用户搜索的时候,选出正确的结果给用户看。这些元标签一个都不加,对网页的展现是一点影响都没有的。如果你实在不理解,可以先跳过这部分,如果想更进一步的了解,可以搜索一些seo,网站优化的教程来看。
来源:.net学习网
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf】

打赏

取消

感谢您的支持,我会做的更好!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

最新评论

共有评论0条
  • 暂无任何评论,请留下您对本文章的看法,共同参入讨论!
发表评论:
留言人:
内  容:
请输入问题 71+50=? 的结果(结果是:121)
结  果: