是唯一标准写法，name值必须为全小写"description"且不可自定义；content需每页唯一、120–155字符、首字母大写无句号，超长被截断，空或泛化文案无效。
meta 标签里没有 name="description" 这种写法
很多人搜“name 属性在 meta 中怎么写描述”，结果抄错代码，把 name 和 content 搞混了。关键点是：meta 标签本身不靠 name 来定义“描述”或“关键词”的语义，而是靠 name 的值（即属性值）来声明类型。
-
<meta name="description" content="页面的简短说明">—— 正确：这里的name是一个属性，它的值"description"才是标准关键词 -
<meta name="keywords" content="前端,HTML,SEO">—— 同理，name值必须是"keywords"，不是随便写个name="关键词" - 浏览器和搜索引擎只认预定义的
name值，比如"description"、"keywords"、"author"，自定义值如name="mydesc"不会被识别
description 和 keywords 的 content 值怎么写才有效
写了标签不等于起作用。content 的内容质量直接影响 SEO 效果，但很多开发者直接堆砌、留空或复制模板。
-
description：建议 50–160 字符，用自然语言概括页面核心内容，避免重复关键词；不要写成“欢迎访问XXX网站”，搜索引擎会忽略这种泛化文案 -
keywords：现代主流搜索引擎（Google、Bing）已不使用该字段排名，但部分中文站或内网系统仍会读取；如果要写，用英文逗号分隔，不要空格：content="vue,composition-api,reactivity"（注意不是中文逗号） - 多个
meta标签可共存，但每个name类型只能出现一次；重复写name="description"会导致后一个覆盖前一个
常见错误：name 属性拼错、大小写敏感、引号不闭合
这些看似低级的问题，实际部署时高频出现，且浏览器不会报错，只会静默失效。
-
name="Description"或name="DESCRIPTION"—— 错误：标准值是全小写"description"，大小写敏感 -
name=description（没加引号）—— 在 HTML5 中虽可能被容错解析，但 XHTML 或严格校验工具会报错；统一用双引号包裹更稳妥 -
<meta name="description" content="...">忘记闭合标签 ——meta是自闭合标签，不能写成，也不需要闭合斜杠（<meta ...>可以，但非必需） - 把
name写在content后面 —— 属性顺序不影响解析，但可读性差，容易漏看；建议固定为name在前、content在后
替代方案：用 property 替代 name 做 Open Graph 描述
如果你的目标不只是传统 SEO，还要适配微信、微博、Discord 等平台分享卡片，单靠 name="description" 不够。
- Open Graph 协议用
property属性：<meta property="og:description" content="分享时显示的描述文本"> - 对应标题和图片分别用：
og:title、og:image；它们和name="description"并不冲突，可以同时存在 - 注意：
property和name不能混用在同一标签里，即不能写<meta name="description" property="og:description" ...>—— 会失效
content 长度、编码、特殊字符的处理差异很大。比如微信会截断换行、过滤 HTML 实体，而 Slack 对 URL 编码更敏感。上线前最好用真实链接在各平台测试分享效果。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
