常⽤的 meta 标签及其作用概括

meta标签是HTML文档中的一个非常重要的元素，它们可以提供页面的描述和信息以及为搜索引擎和其他Web应用程序提供信息。在本篇技术博客中，我们将深入讨论常用的meta标签及其作用。

1.viewport

viewport meta标签用于控制页面的宽度和缩放比例，以适应不同设备的屏幕大小和分辨率。例如，通过设置

<meta name="viewport" content="width=device-width, initial-scale=1.0">

您的网站将自动适应移动设备的不同屏幕尺寸和分辨率，并保持字体和布局的比例一致。

2.description

description meta标签提供页面的简短描述，该描述通常用于搜索引擎的概述。例如，

<meta name="description" content="这是一个用于展示产品列表的网站">

使用description meta标签可以帮助搜索引擎了解页面的内容，并在搜索结果中展示有关页面的简短描述。

3.keywords

keywords meta标签用于提供页面的关键字和短语，这些关键字通常用于SEO。例如，

<meta name="keywords" content="产品列表, 电子产品, 生活用品">

使用keywords meta标签可以帮助搜索引擎了解页面的主题和内容，并提高网站在搜索结果中的排名。

4.author

author meta标签用于提供网站或文档的作者姓名或企业名称，以及作者的联系方式或网站链接等，例如，

<meta name="author" content="John Doe, john@example.com">

使用author meta标签可以帮助读者了解内容的来源，并提高网站的可信度。

5.robots

robots meta标签用于控制搜索引擎的爬虫访问页面的方式。例如，

<meta name="robots" content="noindex, nofollow">

表示网页不希望被搜索引擎收录和跟踪

总的来说，meta常用标签就这些，希望对您有所帮助。