2.1 页面的头部标签
页面的头部是指由<head>和</head>所包含的部分,主要用于设置当前页面的页面标题、字符集、关键字、描述信息等内容。一般来说,位于头部的内容都不会在网页上直接显示,而主体部分则通常会在网页中直接表现出来。
标签 | 描述 |
<title> | 设置网页的标题,该标题同时可作为搜索关键字以及搜索结果的标题 |
<meta> | 定义网页的字符集、关键字、描述信息等内容 |
<style> | 设置CSS层叠样式表的内容 |
<link> | 设置对外部CSS文件的链接 |
<script> | 设置页面脚本或链接外部脚本文件 |
<base> | 设置页面的链接或源文件URL的基准URL和链接的目标 |
2.2 标题标签<title>
标题设置语法:
<title>标题内容</title>
2.3 元信息标签<meat>
meta标签是页面头部区域中的一个辅助性标签,用于提高HTTP标题信息和页面描述信息的设置。
属性 | 描述 |
http-equiv | 以键/值对的形式设置一个HTTP标题信息,“键”指定设置项目,由http-equiv 属性设置,“值”由content属性设置 |
name | 以键/值对形式设置页面描述信息,“键”指定设置项目,有name属性设置,“值”由content属性设置 |
content | 设置http-equiv或name属性所设置项目对应的值 |
charset | 设置页面使用的字符集 |
网页关键字设定基本语法:
<meta name="keywords" content="关键字1,关键字2,关键字3,...">
设定网页描述信息基本语法
<meta name="discription" content="网页描述信息">
设定网页字符集
<meta>标签设置字符集有两种方式,一种是HTML5的格式,一种是HTML5以下版本的格式。设置基本语法如下。
HTML4/XHTML设置格式:
<meta http-equiv="Content-Type" content ="text/html;charset=字符集">
HTML5对字符集的设置做了简化,格式如下:
<meta charset="字符集">
语法说明:http-equiv传送HTTP通信协议标题头,Content-Type表示“字符集”设置项目,content用于定义文档的MIME类型以及页面使用的具体的字符集。
设定网页自动刷新
基本语法:
<meta http-equiv="refresh" content="刷新间隔时间">
语法说明:http-equiv传送HTTP通信协议标题头,refresh表示刷新功能,content用于设定刷新间隔的时间,单位是秒。
设定网页自动跳转
基本语法:
<meta http-equiv ="refresh" content="刷新间隔时间;url=页面地址">