📅 最后修改于: 2023-12-03 15:01:10.808000 🧑 作者: Mango
HTML中的head标签通常包含了一些与页面相关的元数据，如标题、字符编码、样式表、脚本、搜索引擎优化等等。以下是常用的head标签。
title标签用于定义Web页面的标题。浏览器将显示标题在标签之间或在浏览器的标题栏中。title标签必须放在head标签中。
<head>
<title>这里是页面标题</title>
</head>
meta标签用于提供有关页面的元数据，例如字符编码、视窗设置、作者、关键字等。meta标签无需关闭标签。
charset属性定义文档中字符编码的类型。常用的编码类型有UTF-8、ISO-8859-1等。
<meta charset="UTF-8">
viewport属性定义视口的大小和缩放比例。在移动设备上，可以使用viewport属性来控制页面的布局。如果未指定viewport，移动浏览器会将宽度设置为默认值，可能会导致页面显示不正确。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
name和content属性用来定义页面的其他元数据。
例如，可以使用description元数据来描述页面的内容，keywords元数据用于搜索引擎优化。
<meta name="description" content="这里是页面描述">
<meta name="keywords" content="关键词1,关键词2,关键词3">
link标签用于为页面加载外部文件，如样式表和图标。link标签必须放在head标签中。
rel属性定义了外部资源和当前文档之间的关系，如stylesheet，icon等。href属性定义了外部资源的文件路径。
<link rel="stylesheet" href="style.css">
<link rel="icon" href="favicon.ico">
script标签用于在HTML文档中嵌入脚本或链接外部脚本文件。script标签必须放在head或body标签中。
src属性定义了要执行的脚本文件的URL。如果定义了src属性，则代码块中的JavaScript代码将被忽略。
<script src="script.js"></script>
type属性定义了脚本的内容类型，常见的值为text/javascript。
<script type="text/javascript">
// JavaScript code here
</script>
以上就是HTML head标签的介绍。使用这些标签可以更好地管理您的Web页面和改进用户体验。