meta
定义HTML 元信息标签，在 head 中描述页面属性，不可见但影响渲染与分发
meta 是「页面的说明书」：charset 决定编码，viewport 决定移动端视口，description 供搜索引擎展示摘要，og: 系列控制社交分享卡片。它不产生可见内容，却深刻影响渲染与传播。
移动端三件套必须记住：charset="UTF-8"、name="viewport" content="width=device-width, initial-scale=1"、以及 X-UA-Compatible（老 IE 兼容，新项目可省）。
- charset 必须在 head 前 1024 字节内，否则中文乱码；
- viewport 缺省时移动端按 980px 桌面宽度渲染再缩小；
- og:title / og:image 决定微信、Twitter 分享卡片长相。
HTML
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="页面摘要，搜索结果展示用"> <meta property="og:image" content="/share-cover.png"> <title>页面标题 - 品牌名</title> </head>
⚠ 常见误区
- charset 漏写或位置太后，中文页必乱码
- viewport 不加 initial-scale=1，横屏切换会缩放
- og:image 用绝对路径，相对路径在部分平台抓不到