HTML中的 <head>标签

Metadata-HTML中的元数据

HTML <head>元素与 <body>元素不同，它的内容不会在浏览器中显示，它的作用是保存页面的一些 元数据。

标题

<title>元素是一项元数据，用于表示整个 HTML 文档的标题（而不是文档内容）。

原数据 <meta>元素

<meta charset="utf-8"> : 这个元素简单的指定了文档的字符编码 —— 在这个文档中被允许使用的字符集。

属性:

  • <name> : 指定了meta 元素的类型； 说明该元素包含了什么类型的信息。
  • <content> : 指定了实际的元数据内容。

自定义图标

  1. 将其保存在与网站的索引页面相同的目录中，以.ico格式保存（大多数浏览器将支持更通用的格式，如.gif或.png，但使用ICO格式将确保它能在如Internet Explorer 6一样久远的浏览器显示）

  2. 将以下行添加到HTML <head>中以引用它：

    1
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

应用CSS和JavaScript

  • link元素经常位于文档的头部。这个link元素有2个属性，rel=”stylesheet”表明这是文档的样式表，而 href包含了样式表文件的路径：
1
<link rel="stylesheet" href="my-css-file.css">
  • <script>部分没必要非要放在文档头部；实际上，把它放在文档的尾部（在 </body>标签之前）是一个更好的选择，这样可以确保在加载脚本之前浏览器已经解析了HTML内容（如果脚本加载某个不存在的元素，浏览器会报错）。
1
<script src="my-js-file.js"></script>

文档主语言

在<html>中添加lang属性

1
<html lang="zh-CN">