HTML5文档头部相关标签怎样使用

北京最佳雀斑医院 http://baijiahao.baidu.com/s?id=1713926055703496631&wfr=spider&for=pc

哈喽,大家下午好呀~我是你们的小邦学姐

制作网页时,经常需要设置页面的基本信息,如页面的标题、作者、和其他文档的关系等。为此HTML提供了一系列的标签,这些标签通常都写在head标签内,因此被称为头部相关标签。

今天,学姐将具体介绍常用的头部标签。

1.设置页面标题标签titletitle标签用于定义HTML页面的标题,即给网页取一个名字,该标签必须位于head标签之内。一个HTML文档只能包含一对title/title标签,title/title之间的内容将显示在浏览器窗口的标题栏中。例如将页面标题设置为“轻松学习HTML5”,具体代码如下:

title轻松学习HTML5/title上述代码对应的页面标题效果如图1所示。图1设置页面标题标签title2.定义页面元信息标签meta/meta/标签用于定义页面的元信息(元信息不会显示在页面中),可重复出现在head头部标签中。在HTML中,meta/标签是一个单标签,本身不包含任何内容,仅仅表示网页的相关信息。通过meta/标签的两组属性,可以定义页面的相关参数。例如为搜索引擎提供网页的关键字、作者姓名、内容描述,以及定义网页的刷新时间等。下面介绍meta/标签常用的几组设置,具体如下。1)metaname="名称"content="值"/在meta/标签中使用name和content属性可以为搜索引擎提供信息,其中name属性用于提供搜索内容的名称,content属性提供对应的搜索内容值,具体应用如下。●设置网页关键字,例如某图片网站的关键字设置:

metaname="keywords"content="千图网,免费素材下载,千图网免费素材图库,矢量图,矢量图库,图片素材,网页素材,免费素材,PS素材,网站素材,设计模板,设计素材,网页模板免费下载,千图,素材中国,素材,免费设计,图片"/其中name属性的值为keywords,用于定义搜索内容名称为网页关键字,content属性的值用于定义关键字的具体内容,多个关键字内容之间可以用“,”分隔。●设置网页描述,例如某图片网站的描述信息设置:

metaname="description"content="专注免费设计素材下载的网站!提供矢量图素材,矢量背景图片,矢量图库,还有psd素材,PS素材,设计模板,设计素材,PPT素材,以及网页素材,网站素材,网页图标免费下载"/其中name属性的值为description,用于定义搜索内容名称为网页描述,content属性的值用于定义描述的具体内容。需要注意的是网页描述的文字不必过多,能够描述清晰即可。●设置网页作者,例如可以为网站增加作者信息:

metaname="author"content="网络部"/其中name属性的值为author,用于定义搜索内容名称为网页作者,content属性的值用于定义具体的作者信息。2)meta


转载请注明:http://www.aierlanlan.com/rzdk/490.html