📅  最后修改于: 2023-12-03 15:07:40.398000             🧑  作者: Mango
HTML 的 head 部分是页面中用于包含元数据(如页面标题、描述、关键字等)和引用外部资源(如样式表文件、脚本文件等)的部分。本文将介绍在 HTML 页面的 head 部分中使用的元素。
head 元素是包含在 HTML 页面中的特殊元素,它用于包含所有的元数据和引用外部资源。head 元素应该放在 HTML 文档的文档类型声明 (<!DOCTYPE html>
) 和页面主体内容之间。
<!DOCTYPE html>
<html>
<head>
<!-- 这里放元数据和引用外部资源 -->
</head>
<body>
<!-- 这里放页面主体内容 -->
</body>
</html>
title 元素用于定义页面的标题,它必须放在 head 元素内部。
<head>
<title>这是页面的标题</title>
</head>
meta 元素用于定义页面的元数据,如描述、关键字等。常用的属性有:
name
:元数据的名称或关键字content
:元数据的值<head>
<meta name="description" content="这是页面的描述">
<meta name="keywords" content="这是页面关键字">
</head>
link 元素用于引用外部资源,如样式表文件、图标文件等。常用的属性有:
href
:外部资源的引用路径rel
:外部资源与当前文档之间的关系类型type
:外部资源的 MIME 类型<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/png" href="favicon.png">
</head>
script 元素用于定义脚本代码,如 JavaScript 代码。script 元素可以直接包含脚本代码,也可以引用外部脚本文件。常用的属性有:
src
:外部脚本文件的引用路径type
:脚本代码的 MIME 类型<head>
<script type="text/javascript">
// 这里放 JavaScript 代码
</script>
<script type="text/javascript" src="script.js"></script>
</head>
在 HTML 页面的 head 部分中使用的元素包括:head、title、meta、link 和 script 元素。它们分别用于包含页面元数据和引用外部资源。在实际开发中,合理使用这些元素可以使页面更加优化、易维护和易用。