页面标题与正文标题不是同一处

title 属于 head，给这份文档命名；h1 写在 body 中，是页面内容里的一级标题。预览区显示文档正文，不是浏览器标签栏。

先判断

先不运行：预览正文的第一行会出现什么？

<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>小梅的班级个人主页</title>
</head>
<body>
  <h1>黄梅戏分享会</h1>
  <p>我想介绍自己最喜欢的一段唱腔。</p>
</body>
</html>

再改一个条件

展开答案与分析

B。浏览器按元素的职责处理内容，并非把源码从第一行起全部显示。title 是文档标题，独立打开文件时通常出现在浏览器标签栏；预览区中的 h1 显示“黄梅戏分享会”。它们可以使用不同文字，但都应准确反映页面内容。

观察位置：看预览区的大标题，再对照源码中的 title 和 h1。