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属性所设置项目对应的值 |
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="网页描述信息">
2.3.4 设定网页字符集
设定页面使用的字符集（即编码），用以说明页面制作所使用的文字语言，浏览器会据此来调用相应的字符集显示页面内容
如果页面中没有显式指明字符集，将使用浏览器默认的字符集显示
中文操作系统下IE浏览器的默认字符集是GB2312，当页面编码和显示页面内容的编码不一致时，页面中的中文将显示乱码
基本语法：
<meta http-equiv="Content-Type" content="test/html" charset="某种字符集">
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中设定刷新间隔的秒数，以及跳转到页面地址
如下图：
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/56635.html