head标签详解

最新推荐文章于 2022-11-20 10:48:58 发布

JCchervy

最新推荐文章于 2022-11-20 10:48:58 发布

阅读量1.4k

点赞数

分类专栏： HTML5 文章标签： head标签 HTML5

本文链接：https://blog.csdn.net/JCchervy/article/details/52716564

版权

1 篇文章 0 订阅

订阅专栏

head 元素是所有头部元素的容器。位于 <head> 内部的元素可以包含脚本、指引浏览器找到样式表、提供元信息，等等。

下面是可用在 head 部分的标签：

1.<base> 标签

<base> 标签为页面上的所有链接规定默认地址或默认目标。

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

<base> 标签必须位于 head 元素内部。

属性	值	描述
href	URL	规定作为基准 URL 在页面中使用的 URL。
target	_blank _parent _self _top	在何处打开页面上的链接。该属性会被每个链接中的 target 属性覆盖。

2.<mate> 标签

属性	值	描述	4	5
charset	character encoding	定义文档的字符编码。		5
content	some_text	定义与 http-equiv 或 name 属性相关的元信息。	4	5
http-equiv	content-type expires refresh set-cookie	把 content 属性关联到 HTTP 头部。	4	5
name	author description keywords generator revised others	把 content 属性关联到一个名称。	4	5
scheme	some_text	定义用于翻译 content 属性值的格式。不支持。	4

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />

<meta name="description" content="w3c html web 技术标准教程。" />

<meta name="revised" content="w3chtml, 2008/8/8/" />

<meta http-equiv="refresh" content="5" />

3.<link> 标签

new : HTML5 中的新属性。

属性	值	描述
charset	char_encoding	HTML5 中不支持。
href	URL	规定被链接文档的位置。
hreflang	language_code	规定被链接文档中文本的语言。
media	media_query	规定被链接文档将被显示在什么设备上。
rel	alternate author help icon licence next pingback prefetch prev search sidebar stylesheet tag	规定当前文档与被链接文档之间的关系。
rev	reversed relationship	HTML5 中不支持。
sizes	heightxwidth any	规定被链接资源的尺寸。仅适用于 rel="icon"。
target	_blank _self _top _parent frame_name	HTML5 中不支持。
type	MIME_type	规定被链接文档的 MIME 类型。

链接到一个外部样式表：

<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

4.<title> 标签

5.<script> 标签

6.<style> 标签

关注

专栏目录