HTML5文档头部相关标记

最新推荐文章于 2021-10-26 00:08:42 发布

周白卿

最新推荐文章于 2021-10-26 00:08:42 发布

阅读量3k

点赞数 2

分类专栏： HTML/CSS学习笔记

本文链接：https://blog.csdn.net/qq_51088023/article/details/117250994

版权

HTML/CSS学习笔记专栏收录该内容

18 篇文章 4 订阅

订阅专栏

1.设置页面标题标记<title>

<title>标记用于定义HTML页面的标题，即给网页取一个名字，必须位于<head>标记之内。一个HTML文档只能包含一对<title></title>标记，<title></title>之间的内容将显示在浏览器窗口的标题栏中。搜索引擎会主要根据<title>中的内容来判断网页的主要内容。基本语法为：

<title>网页标题名称</title>

2.定义页面元素信息标记<mate />

<mate />标签用于定义页面的元信息（又叫元数据，最底层的数据，可以理解为人体的DNA，修饰数据的数据），可重复出现在<head>头部标记中，在HTML中是一个单标记。<mate />标记本身不包含任何内容，主要通过“名称/值”的形式成对的使用其属性可定义页面的相关参数，如为搜索引擎提供网页的关键字、作者姓名、内容描述，以及定义网页的刷新时间等。

下面介绍<mate />标记常用的几组设置：

1.<meta name="名称" content="值">

在<meta>标记中使用name/content属性可以为搜索引擎提供信息，其中name属性提供搜索内容名称，content属性提供对应的搜索内容。具体应用如下：

设置网页关键字，如CSDN官网关键字的设置：
```
<meta name="keywords" content="专业开发者社区，IT技术交流平台，技术培训" />
```
其中name属性值为keywords，用于定义搜索内容名称为网页关键字，content属性的值用于定义关键字的具体内容，多个关键字内容之间可以用","分隔。

设置网页描述，如CSDN官网描述信息的设置：

<meta name="description" content="CSDN是全球知名中文IT技术交流平台,创建于1999年,包含原创博客、精品问答、职业培训、技术论坛、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区." />

其中name属性值为description，用于定义搜索内容名称为网页描述，content属性的值用于定义描述的具体内容。需要注意的是网页描述的文字不必过多。

设置网页作者，如可以为CSDN官网增加作者信息：
```
<meta name="author" content="CSDN网络团队" />
```
其中name属性值为author，用于定义搜索内容名称为网页作者，content属性的值用于定义描述的具体作者信息。

2.<meta http-equiv="名称" content="值">

在<meta>标记中使用http-equiv/content属性可以设置服务器发送给浏览器的HTTP头部信息，为浏览器显示该页面提供相关参数。其中，http-equiv属性提供参数类型，content属性提供对应的参数值。默认会发送<meta http-equiv="Content-Type" content="text/html">,通知浏览器发送的文件是HTML类型，具体应用如下：

设置字符集：
```
<meta http-equiv="Content-Type" content="text/html ;charset= utf-8 "/>
```
其中http-equiv属性的值为Content-Type,content属性的值为text/html和charset="UTF-8",中间用“；”隔开，用于说明当前文档类型为HTML，字符集为utf-8(国际化编码)。设置字符集避免乱码问题。

utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。

设置页面自动刷新与跳转，如定义某个页面10秒后跳转至CSDN官网：
```
<meta http-equiv="refresh" content="10; url=https://www.csdn.net" />
```
其中http-equiv属性的值为refresh,content属性的值为数值10和url地址,中间用“；”隔开，用于指定在特定的时间后跳转至目标页面，该时间默认以秒为单位。

3.引用外部文件标记<link>

一个页面往往需要多个外部文件的配合，在<head>中使用<link>标记可引用外部文件，一个页面允许使用多个<link>标记引用多个外部文件。基本语法格式为：

<link 属性="属性值" />

该语法中，<link>标记的几个常用的属性如表所示：

属性名	常用属性	描述
herf	URL	指定引用外部文档的地址
rel	stylesheet	指定当前文档与引用外部文档的关系，该属性值通常为stylesheet，表示定义一个外部样式表
type	text/css	引用外部文档类型为CSS样式表
type	text/javascript	引用外部文档类型为Javascript脚本

4.内嵌样式标记<style>

<style 属性="属性值">
    样式内容
</style>

在HTML中使用style标记时，常常定义其属性为type，相应的属性值为text/css,表示使用内嵌式的css样式。

周白卿

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
HTML5文档头部相关标记

1.设置页面标题标记<title><title>标记用于定义HTML页面的标题，即给网页取一个名字，必须位于<head>标记之内。一个HTML文档只能包含一对<title></title>标记，<title></title>之间的内容将显示在浏览器窗口的标题栏中。基本语法为：<title>网页标题名称</title>...
复制链接

扫一扫