HTML笔记2—页面的头部标签

2.1 页面的头部标签

页面的头部是指由<head>和</head>所包含的部分,主要用于设置当前页面的页面标题、字符集、关键字、描述信息等内容。一般来说,位于头部的内容都不会在网页上直接显示,而主体部分则通常会在网页中直接表现出来。

表2-1
标签 描述
<title> 设置网页的标题,该标题同时可作为搜索关键字以及搜索结果的标题
<meta> 定义网页的字符集、关键字、描述信息等内容
<style> 设置CSS层叠样式表的内容
<link> 设置对外部CSS文件的链接
<script> 设置页面脚本或链接外部脚本文件
<base> 设置页面的链接或源文件URL的基准URL和链接的目标

2.2 标题标签<title>

标题设置语法:

<title>标题内容</title>

2.3  元信息标签<meat>

meta标签是页面头部区域中的一个辅助性标签,用于提高HTTP标题信息和页面描述信息的设置。

表2-2
属性 描述
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=页面地址">

猜你喜欢

转载自blog.csdn.net/weixin_43460822/article/details/92427795