标签必须位于内才生效；保存网页需选“网页，全部”；动态页面标题须用开发者工具elements面板复制实时dom；命令行提取仅适用于静态html。
title标签内容没出现在浏览器标签页？先确认它在里
浏览器只认放在 内的 <title></title>，如果它被误写在 里，哪怕语法完全正确，标签页也不会显示。打开源码检查：搜索 <title></title>，看它是否夹在 和 之间。不在？剪切出来，粘贴进去，保存后强制刷新（Ctrl+Shift+R）。
保存网页时title不生效？别用“仅HTML”模式
用浏览器“另存为”时选“网页，全部”才能保留完整结构和元信息；选“仅HTML”可能丢掉 部分或压缩掉空格/换行，导致 <title></title> 被截断或解析异常。尤其当标题含中文、破折号或 emoji 时，更易出问题。
- Chrome/Edge：Ctrl+S → 格式下拉选“网页，全部 (.htm;.html)”
- Firefox：Ctrl+S → “网页，完整版”
- 保存后会生成一个
.html文件 + 一个同名_files文件夹，二者必须共存
动态渲染页面的title怎么抓？不能只靠Ctrl+U
单页应用（如 React/Vue 页面）的 <title></title> 常由 JS 运行时修改，Ctrl+U 看到的是初始 HTML，不含最终标题。此时必须用开发者工具抓取当前 DOM 状态：
- F12 打开开发者工具 → 切换到
Elements面板 - 展开
→ 找到<title></title>标签（通常在下） - 右键该
<title></title>标签 → 选Copy → Copy element（不是 outerHTML） - 粘贴进编辑器，就能单独提取出带最终标题的完整
<title>xxx</title>
批量提取多个页面的title？用curl + grep一行搞定
命令行适合处理列表页或监控场景，但注意：它只拿到服务器返回的原始 HTML，对 JS 渲染的 title 无效。
curl -s https://example.com | grep -oP '<title>\K[^/dev/null</title>
说明：
-
grep -oP用 Perl 正则提取<title></title>和下一个之间的内容 -
iconv处理编码不一致导致的乱码（常见于老站） - 若页面无
<title></title>或格式不规范，结果为空——这不是命令错，是源码本身缺
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
