Meta标签
Meta 标签是写在 HTML 文档 <head> 区域内的一类标签，用来描述页面的「元信息」（metadata），也就是关于页面本身的数据。它们不会在页面正文中显示，而是提供给浏览器、搜索引擎和社交平台去读取和解析。基本写法是自闭合的单标签，通过 name/property 搭配 content 属性来表达含义。
常见用途包括：
<meta charset="utf-8">：声明字符编码，避免中文乱码；<meta name="viewport" content="width=device-width, initial-scale=1">：控制移动端视口，让页面在手机上正常缩放；<meta name="description" content="...">：页面描述，常被搜索引擎当作结果摘要；- Open Graph（如
og:title、og:image）：控制链接分享时的卡片样式。
使用要点与常见误区：keywords 标签早已被主流搜索引擎忽略，不必再堆砌；description 不是直接的排名因素，但写得好能提升点击率，且每个页面都应写独立内容；charset 建议放在 <head> 最前面。要注意 Meta 标签只承载元信息，不能用它来替代真正的页面结构或内容。
常见问题
meta keywords 标签现在还有用吗？
基本没用了。以 Google 为代表的主流搜索引擎早已不把它作为排名依据，为避免被滥用甚至会直接忽略，新页面可以不写。
meta description 会影响 SEO 排名吗？
它不是直接的排名因素。但搜索引擎常把它当作结果里的摘要展示，一段准确、有吸引力的描述能提高点击率，从而间接带来好处。建议每个页面单独撰写。
charset 和 viewport 这两个 meta 必须写吗？
强烈建议都写。charset 确保中文等字符正确显示，否则容易乱码；viewport 让页面在手机上按设备宽度自适应，缺失会导致移动端布局错乱或需要手动缩放。