Meta 标签是 HTML 中的一种重要元素，它可以包含页面的元数据，如页面的描述、关键字、作者等信息。除此之外，Meta 标签还可以影响搜索引擎对页面的理解和排名，以及浏览器对页面的呈现。
常见的 Meta 标签
以下是一些常用的 Meta 标签及其作用：
- description：定义网页的描述，用于在搜索结果中显示。
<meta name="description" content="这是一个示例描述">
- keywords：定义网页的关键字，帮助搜索引擎更好地理解页面内容。
<meta name="keywords" content="示例, 关键词">
- viewport：定义视口的大小和缩放比例，用于移动设备上的网页布局。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- robots：告知搜索引擎的机器人页面是否应该被索引、跟踪或者如何处理。
<meta name="robots" content="index,follow">
如何选择合适的 Meta 标签
选择合适的 Meta 标签与你所构建的网站有关。以下是一些常见的建议：
- 描述标签应该准确、简洁且有吸引力，最好不超过 160 个字符。
- 关键字不应该被滥用或者出现重复，而是应该选择那些最能代表网站的标签。
- 在移动设备上使用 viewport 标签可以让你的网站更适合不同尺寸的设备，并提供更好的用户体验。
- 选择 robots 标签取决于你希望搜索引擎如何处理页面内容。如果你不希望某些页面被索引或者跟踪，可以使用 noindex 或 nofollow 属性。
示例代码
以下是一个包含多种 Meta 标签的示例网页：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
----- ------------------ -------------------
----- --------------- ------------ -----
----- --------------- ---------------------------- -------------------
----- ------------- -----------------------
-------------------
-------
------
------------------
----------------
-------
-------在这个示例中，我们使用了 description 和 keywords 标签来描述和关键字化我们的网页。viewport 标签让我们的网页更加适合不同尺寸的设备，而 robots 标签允许搜索引擎索引和跟踪我们的页面。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/740