网页设计与制作教程(HTML+CSS+JavaScript):第3版
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.1.1 元信息元素

元信息(Meta-information)或称元数据(Metadata)元素是指用于描述文件自身信息的一类元素,meta元素定义元信息,包含页面的描述、关键字、最后的修改日期、作者及其他元信息,<meta>标签写在<head>…</head>标签中。元信息元素供浏览器、搜索引擎(关键字)及其他Web服务调用,一般不会显示给用户。对于样式和脚本的元数据,可以直接在网页里定义,也可以链接到包含相关信息的外部文件。

元信息元素在HTML中是一个单标签的空元素,可重复出现在头部元素中,用来指明本页的作者、制作工具、所包含的关键字,以及其他一些描述网页的信息。

meta元素的常用属性如下。

1)charset:定义文件的字符编码,常用的是“utf-8”。

2)content:定义与name和http-equiv相关的元信息。

3)name:关联content的名称(常用的有keywords关键字、author作者名、description页面描述)。

不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。本节主要介绍name属性,用于设置搜索关键字和描述。meta元素的name属性语法格式如下。

<meta name="参数"content="参数值">

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

name属性主要有两个参数:keywords和description。其中,keywords用来告诉搜索引擎网页使用的关键字;description用来告诉搜索引擎网站的主要内容。

例如,腾讯网主页的内容描述设置如下。

<meta name="description"content="腾讯网从2003年创立至今,已经成为集新闻信息、区域垂直生活服务、社会化媒体资讯和产品为一体的互联网媒体平台。腾讯网下设新闻、科技、财经、娱乐、体育、汽车、时尚等多个频道,充分满足用户对不同类型资讯的需求。同时专注不同领域内容,打造精品栏目,并顺应技术发展趋势,推出网络直播等创新形式,改变了用户获取资讯的方式和习惯。"/>

当浏览者通过百度搜索引擎搜索“腾讯”时,就可以看到搜索结果中显示出网站主页的标题、关键字和内容描述,如图2-1所示。

图2-1 页面摘要信息