HTML meta标签 name属性

<meta name="..."> 标签用于向浏览器和搜索引擎提供关于网页的元数据（metadata），也就是“描述数据的数据”。

它通过 name 和 content 属性成对出现，name 定义元数据的类型，content 则提供具体的值。

属性列表

控制移动设备上的视口大小和缩放，对移动端适配至关重要。

在现代移动优先的网页开发中，viewport 标签几乎是强制性的，缺少它会导致移动端显示效果很差。

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

与页面内容相关的关键词，用逗号分隔，过去对SEO很重要，但现在多数搜索引擎已不再重视。

<meta name="keywords" content="HTML,CSS,JavaScript,教程">

网页内容的简短摘要，这是最重要的SEO标签之一，搜索引擎常将其用作搜索结果页面（SERP）中的描述性摘要。

尽管 description 不直接提升排名，但一个写得好、有吸引力的描述能显著提高搜索结果的点击率（CTR）。

<meta name="description" content="提供权威的HTML教程和Web开发参考">

告诉搜索引擎爬虫如何抓取和索引页面。content值可以是 index、noindex、follow、nofollow 等的组合。

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

建议浏览器使用的主题色，以自定义页面或浏览器UI的显示效果。常被Chrome等移动浏览器用于给地址栏、状态栏上色。

<meta name="theme-color" content="#4285f4">

控制从当前页面发出的请求中，Referer HTTP头部的信息，用于控制隐私或分析。

<meta name="referrer" content="no-referrer">

文档作者的名称。

<meta name="author" content="张三">

指定页面支持的配色方案（如浅色light或深色dark模式）。

<meta name="color-scheme" content="dark light">

指定在网页中运行的Web应用的名称。与<title>不同，它应是一个固定的应用名，不含页面特定信息。

<meta name="application-name" content="我的笔记应用">

指明用于生成页面的软件标识符。通常由网站构建工具或CMS自动添加。

<meta name="generator" content="WordPress 6.0">