2.1 页面的头部标记
一个网页，可以分为头部和主体两大部分
页面头部是指由<head>和</head>所包含的部分，主要用于设置当前网页的页面标题、字符集、关键字、描述信息等内容
一般来说，位于头部的内容都不会在网页上直接显示，而主体部分则通常会在网页中直接表现出来
| 标记 | 描述 |
|---|---|
<title> | 设定显示在浏览器标题栏中的内容 |
<meta> | 定义网页的字符集、关键字、描述信息等内容 |
<style> | 设置CSS层叠样式表的内容 |
<link> | 设置对外部CSS文件的链接 |
<script> | 设置网页脚本或链接外部脚本文件 |
2.2 标题标记<title>
用于设置网页的标题，用以概述文件的内容及信息搜索结果的显示标题
将显示在 =》 浏览器的标题栏 或选项卡（浏览器使用多选项卡时）
<title>标记对之间的内容就是页面的标题
2.3 元信息标记<meta>
meta标记是页面头部区域中一个辅助性标签，用于提供HTTP标题信息和页面描述信息的设置
其标记属性只包含3个，使用时仅需设置两个属性就可以实现各项功能
2.3.1 <meta>标记属性
| 属性 | 描述 |
|---|---|
| http-equiv | 以键/值对的形式设置一个HTTP标题信息，“键”指定设置项目，由http-equiv属性设置，“值”由content属性设置 |
| name | 以键/值对形式设置页面描述信息，“键”指定设置项目，由name属性设置，“值”由content属性设置 |
| content | 设置http-equiv或name属性所设置项目对应的值 |
其中：
http-equiv属性类似HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确地显示网页内容
name属性用于描述网页，以便于搜索引擎机器人查找、分类
每一个<meta>实现一个功能，可以在html文件区域中包含任意数量的<meta>标记，以实现多种功能
2.3.2 设置网页关键字 =》 name=“keywords”
关键字是为了搜索引擎提供的
<meta name="keywords" content="关键字1，关键字2，关键字3，...">
注意：多个关键字可以提高被搜索的几率，但是目前搜索引擎在检索时都会限制关键字的数量，有时关键字过多，该网页反而会在检索中被忽略掉
故，关键字的输入不宜过多，而应切中要害
2.3.3 设定网页描述信息 => name=“discription”
网页描述信息主要用于概述性地描述页面的主要内容，可以作为搜索结果返回给浏览者，像关键字一样，搜索引擎对描述信息的字数也有限制，所以内容应尽量简明扼要
基本语法：
<meta name="discription" content="网页描述信息">
语法说明：
discripton表示“描述”设置项目，content中设置具体的描述信息
2.3.4 设定网页字符集
设定页面使用的字符集（即编码），用以说明页面制作所使用的文字语言，浏览器会据此来调用相应的字符集显示页面内容
如果页面中没有显式指明字符集，将使用浏览器默认的字符集显示
中文操作系统下IE浏览器的默认字符集是GB2312，当页面编码和显示页面内容的编码不一致时，页面中的中文将显示乱码
基本语法：
<meta http-equiv="Content-Type" content="test/html" charset="某种字符集">
语法说明：
http-equiv传送HTTP通信协议标题头，
Content-Type表示“字符集”设置项目，
content用于定义文档的MIME类型，以及页面所使用的具体的字符集
当charset取值为gb2132时，表示页面使用的字符集是国标汉字码
2.3.5 设定网页自动刷新
使用<meta> 标记可以实现每隔一定时间刷新页面内容，适用于需要实时刷新页面的场合
基本语法：
<meta http-equiv="refresh" content="刷新间隔时间">
语法说明：
http-equiv传送HTTP通信协议标题头，
refresh表示刷新功能，
content用于设定刷新间隔的时间，单位是秒
2.3.6 设定网页自动跳转
使用http-equiv属性值refresh,不仅能够完成页面自身的自动刷新，也可以实现页面之间的跳转
基本语法：
<meta http-equiv="refresh" content="刷新间隔时间"; url="页面地址">
语法说明：
http-equiv传送HTTP通信协议标题头，
refresh表示刷新功能，
content中设定刷新间隔的秒数，以及跳转到页面地址
如下图：
扫一扫
570
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
