1.6 网页的摘要信息
网页一般包含大量的文字及图片等信息内容,和报纸或论文一样,它需要一个简短的摘要信息,方便用户浏览和查找,尤其在互联网高度发达的今天,如果希望自己发布的网页能被百度、谷歌等搜索引擎搜索,那么在制作网页时就需要注意编写网页的摘要信息。
网页的摘要信息一般放在HTML文档的头部(head)区域,主要通过以下两个标签进行描述。
1.6.1 <title>标签
如果文章没有标题,读者就必须通过阅读部分内容才能了解其主题。对于网页来说,也必须有标题来归纳要点。网页的标题能给浏览者带来方便,如果浏览者喜欢该网页,将它加入书签中或保存到磁盘上,标题就作为该页面的标志或文件名。另外,使用搜索引擎时显示的结果也是页面的标题。可见,标题是相当重要的。
<title>标签位于<head>与</head>中,用于标示文档标题。格式为:
例如,搜狐网站的主页,对应的网页标题为:
打开网页后,将在浏览器窗口的标题栏显示“搜狐”网页标题。
需要说明的是,在网页文档头部定义的标题内容不在浏览器窗口中显示,而是在浏览器的标题栏中显示。尽管文档头部定义的信息很多,但能在浏览器标题栏中显示的信息只有标题内容。
1.6.2 <meta>标签
<meta>标签共有两个属性,分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。本节主要讲解name属性,用于设置搜索关键字和描述。<meta>标签的name属性的格式为:
name属性主要用于描述网页摘要信息,与之对应的属性值为content,content中的内容主要是便于搜索引擎查找信息和分类信息用的。
name属性主要有以下两个参数:keywords和description。
1.keywords(关键字)
keywords用来告诉搜索引擎网页使用的关键字。例如,国内著名的搜狐网,其主页的关键字设置如下:
2.description(网站内容描述)
description用来告诉搜索引擎网站主要的内容。例如,搜狐网站主页的内容描述设置如下:
当浏览者通过百度搜索引擎搜索“搜狐”时,就可以看到搜索结果中显示出网站主页的标题、关键字和内容描述,如图1-5所示。
图1-5 网页的摘要信息
1.6.3 案例——制作梦想橱柜页面摘要信息
【演练1-1】制作梦想橱柜页面摘要信息,由于摘要信息不能显示在浏览器窗口中,因此这里只给出本例文件1-1.html的代码。
代码如下:
【说明】用户可以登录百度搜索引擎http://www.baidu.com/search/url_submit.html收录网页,以便浏览者访问到自己的网站。