制作网页时,经常需要设置网页的基本信息,如网页的标题、作者等。为此,HTML提供了一系列设置网页信息的标签,这些标签通常都写在
head标签内,也被称为HTML.文档头部相关标签。下面将介绍常用的HTML文档头部标签中的title和meta标签。
(1)title标签
title标签用于设置HTML页面的标题,也就是为网页取一个名称。在网页结构中,title标签必须位于head标签内。一个HTML.文档只能含有一个title标签,title/title标签之间的内容将显示在浏览器窗口的标题栏中。例如,将某个页面标题设置为“轻松学习HTML.5”,示例代码如下:
title轻松学习HIML.5/title
上述代码对应的页面效果如下图:
(2)meta标签
meta标签用于定义页面的元信息(元信息不会显示在最终的页面效果中),可重复出现在标签中。在HTML中,meta标签是一个单标签,本身不包含任何内容,仅表示网页的相关信息。通过标签的属性,可以定义页面的相关参数。
例如,为搜索引擎提供网页的关键字、作者姓名、内容描述,以及定义网页的刷新时间等。下面介绍meta/标签常用的几组设置,具体如下。
metaname-”名称”content-”值”:在meta标签中使用name属性和content属性可以为搜索引擎提供信息。其中,name属性提供搜索内容名称,content属性提供对应的搜索内容值,这些属性的具体应用如下。
设置网页关键字,如某图像网站的关键字设置,示例代码如下:
metaname=“keywoxds”content=“千图网,免费素材下载,千图网免费素材图库,矢量图,矢量图库,图像素材,网页素材,免费素材,PS素材,网站素材,设计模板,设计素材,网页模板免费下载,千图,素材中国,素材,免费设计,图像”/
在上述示例代码中,nare属性的属性值为”keywonds”,该属性值用于定义搜索内容名称为网页关键字;content属性的属性值用于定义关键字的具体内容,多个关键字内容之间可以用“,”分隔。
设置网页描述,如某图像网站的描述信息设置,示例代码如下:
metaname=”description”content=”专注免费设计素材下裁的网站!提供矢量图素材,矢量青景图像,矢量图库,还有psd素材,PS素材,设计模板,设计素材,PPT素材,以及网页素材,网站素材,网页图标免费下载”/
在上述示例代码中,name属性的属性值为“deseription”,该属性值用于定义搜索内容名称为网页描述;