「这是我参与2022首次更文挑战的第6天,活动详情查看:2022首次更文挑战」
网页一般包含大量的文字及图片等信息内容,和报纸或论文一样,它需要一个简短的摘要信息,方便用户浏览和查找,尤其在互联网高度发达的今天,如果希望自己发布的网页能被百度等搜索引擎搜索,那么在制作网页时就需要注意编写网页的摘要信息。 网页的摘要信息一般放在HTML文档的头部(head)区域,主要通过以下两个标签进行描述。
一、< title>标签
网页的标题能给浏览者带来方便,首先,标题概括了网页的内容,能使浏览者迅速了解网页的大概;其次,如果浏览者喜欢该网页,将它加入书签中或保存到磁盘上,标题就作为该页面的标志和文件名;另外,使用搜索引擎显示的结果也是页面的标题。可见,标题是相当重要的。标题< title>标签的格式为:
< title> 标题名 < /title> 在文档头部定义的标题内容并不在浏览器窗口中显示,而是在浏览器的标题栏中显示。尽管头部定义的信息很多,但能在浏览器标题栏中显示的信息只有标题。例如,新浪网站的主页,对应的网页标题为:
< title>新浪网页< /title> 打开网页后,将在浏览器窗口的标题栏中显示“新浪首页”的标题。
二、< meta>标签
< meta>标签共有两个属性,分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。主要讲解一下name属性,用于设置搜索关键字和描述。< meat>标签的name属性的语法格式为:
< meta name="参数"content="参数值"> name属性主要用于描述网页摘要信息,与之对应的属性值为content,content中的内容主要是便于搜索引擎查找和分类信息用的。
name属性主要有以下两个参数:keywords和description。
1.keywords(关键字) keywords用来告诉搜索引擎网页使用的关键字。例如,国内著名的新浪网,其主页的关键字设置如下:
< meta name="keywords"content="新浪,新浪网,SINA,sina,sina.com.cn,新浪首页,门户,资讯"/>
2.description(网站内容描述)
description用来告诉搜索引擎网站主要的内容。例如,新浪网站主页的内容描述设置如下:
< meta name="description"content="新浪网为全球用户24小时提供全面及时的中文资讯,内容覆盖国内外突发新闻事件、体坛赛事、娱乐时尚、产业资讯、实用信息等,设有新闻、体育、娱乐、财经、科技、房产、汽车等30多个内容频道,同时开设博客、视频、论坛等自由互动交流空间。"/>
当浏览者通过百度搜索引擎搜索“新浪”时,就可以看到搜索结果中显示出网站主页的标题、关键字和内容描述,如图所示: