元数据：<meta>元素

韵涵 · 发表于 2021-4-17 15:27:53

元数据是描述数据的数据，HTML具有将元数据添加到文档（<meta>元素）的“官方”方式。当然，我们在本文中讨论的其他内容也可以视为元数据。<meta>页面的<head>中可以包含很多不同类型的元素，但是在此阶段我们不会尝试对它们进行全部解释，因为这太令人困惑了。相反，我们将解释一些您可能会经常看到的东西，只是为了给您一个想法。

指定文档的字符编码

在上面看到的示例中，包括以下行：

此元素指定文档的字符编码-允许使用的字符集。utf-8是通用字符集，几乎包含任何人类语言中的任何字符。这意味着您的网页将能够处理任何语言的显示；因此，最好在您创建的每个网页上进行设置！例如，您的页面可以很好地处理英语和日语：

例如，如果您将字符编码ISO-8859-1设置为，（拉丁字母的字符集），则页面呈现可能看起来一团糟：

注意：某些浏览器（例如Chrome）会自动修复错误的编码，因此根据您使用的浏览器，可能不会出现此问题。utf-8无论如何，您仍应在页面上设置的编码，以避免其他浏览器出现任何潜在问题。

主动学习：尝试字符编码

要尝试此操作，请重新访问您在上一节<title>（title-example.html页面）中获得的简单HTML模板，尝试将meta charset值更改为ISO-8859-1，然后将日语添加到您的页面中。这是我们使用的代码：

<p>Japanese example: ご飯が熱い。</p>
添加作者和描述

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

name指定它是元元素的类型；它包含什么类型的信息。
content 指定实际的元内容。

可用于包含在页面中的两个这样的元元素定义了页面的作者，并提供了页面的简洁描述。让我们看一个例子：

指定作者在许多方面都有好处：如果您对内容有任何疑问并希望与他们联系，那么能够了解谁是页面的撰写者很有用。一些内容管理系统具有自动提取页面作者信息并使之可用于此类目的的功能。

指定包含与页面内容相关的关键字的描述很有用，因为它有可能使您的页面在搜索引擎中执行的相关搜索中显得更高（此类活动称为Search Engine Optimization或SEO。）

主动学习：描述在搜索引擎中的使用

该描述还用于搜索引擎结果页面。让我们通过练习来探索这一点

转到Mozilla开发人员网络的首页。
查看页面的来源（右键/ Ctrl+单击页面，从上下文菜单中选择“查看页面来源”。）
查找描述元标记。它看起来像这样（尽管它可能会随着时间而改变）：<meta name="description" content="The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.">
现在，在您喜欢的搜索引擎（我们使用Google）中搜索“ MDN Web Docs”。您会注意到搜索结果中使用的描述<meta>和<title>元素内容-绝对值得拥有！

本帖寻求最佳方案

，目前已有 0 个回复我要奖励

		自动登录	找回密码
密码			立即注册

[好文分享] 元数据：<meta>元素

本帖寻求最佳方案

本帖子中包含更多资源