面试题：<!DOCTYPE>、html lang、常用 meta 有什么作用？

<!DOCTYPE html>

声明 HTML5 标准模式，避免浏览器进入怪异模式导致布局与标准不一致。

lang 属性

<html lang="zh-CN">

利于读屏语言、搜索引擎、字体与断字；子元素可覆盖。

常用 meta

标签	作用
charset="UTF-8"	编码，应尽早出现
viewport	移动端视口缩放，响应式必备
description	搜索结果摘要
robots	爬虫索引策略
Open Graph / Twitter Card	社交分享卡片

link rel

• icon：站点图标。
• canonical：规范 URL，避免重复内容。
• preload / prefetch：性能优化相关资源提示。