目录

head_metadata

作者出版于 web

2023-05-21 约 366 字预计阅读 1 分钟

目录

head metadata

HTML 元信息, 在页面加载完成的时候，HTML 文档中的头部是不会显示在 web 浏览器的。它包含了诸如页面的 <title>（标题）、指向 CSS 的链接（如果你选择用 CSS 来为 HTML 内容添加样式）、指向自定义网页图标的链接和其他的元数据（描述 HTML 的数据，比如作者和描述文档的重要关键词）等信息。Web 浏览器将使用文档头部的信息正确渲染 HTML 文档。

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8" />
        <title>我的测试页面</title>
    </head>
    <body>
        <p>这是我的页面</p>
    </body>
</html>

1 添加作者和描述

许多 <meta> 元素包含了 name 和 content 属性：

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

<meta name="author" content="Chris Mills" />
<meta
    name="description"
    content="The MDN Web Docs Learning Area aims to provide
complete beginners to the Web with all they need to know to get
started with developing web sites and applications."
/>

2 在你的站点增加自定义图标

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

3 在 HTML 中应用 CSS 和 JavaScript

<link rel="stylesheet" href="my-css-file.css" />
<script src="my-js-file.js" defer></script>