HTML | <meta> 方案属性

在 HTML 中，<meta> 元素提供了一种方法来描述网页文档的各种属性。其中，一些属性用于指定文档的元数据，如文档标题、描述、关键词等；其他属性用于定义网页的行为和呈现效果，如字符集、视口大小等。

下面是一些常用的 <meta> 属性：

文档元数据

• <meta name="description" content="..." />：用于提供网页的描述信息，通常被搜索引擎用作网页摘录。描述应当简洁、准确、有吸引力。

• <meta name="keywords" content="..." />：用于指定网页的关键词，以逗号分隔。关键词应当与网页内容密切相关，且不要过度使用，否则可能被搜索引擎视为“垃圾信息”。

• <meta name="author" content="..." />：用于指定网页的作者或出处。这个属性通常针对博客、新闻等含有作者信息的页面。多个作者以逗号分隔。

• <meta name="viewport" content="width=device-width, initial-scale=1.0" />：用于指定网页的视口大小，以呈现不同分辨率设备上的最佳效果。width=device-width 表示视口宽度等于设备宽度；initial-scale=1.0 表示页面初始缩放比例为 1。

网页行为

• <meta http-equiv="refresh" content="5;url=https://www.example.com" />：用于自动刷新页面，以实现页面跳转或定时更新。content 属性后的数字表示刷新时间（单位秒）；url 属性表示跳转地址。

• <meta http-equiv="X-UA-Compatible" content="IE=edge" />：用于指定网页的兼容模式，以适配不同版本的 IE 浏览器。IE=edge 表示强制使用最新版本的 IE 渲染引擎。

• <meta name="robots" content="no-index, no-follow" />：用于指定搜索引擎的抓取行为，以屏蔽某些页面不被索引或跟踪。no-index 表示不被索引；no-follow 表示不被跟踪。

其他属性

• <meta charset="UTF-8" />：用于指定网页使用的字符集，以防止乱码或字符显示异常。UTF-8 是一种常用的字符编码格式。

• <meta name="theme-color" content="#4285f4" />：用于指定网页的主题色，以给移动端浏览器提供一个优雅的默认样式。

以上只是 <meta> 属性中的一部分，我们可以根据需要添加其他属性以实现更具体的页面需求。<meta> 元素的作用不仅限于网页，还可以应用于移动应用、邮件等各种场景，为我们提供了丰富的元数据支持。