Web前端技术 · 第 1 课预测 · 验证 · 解释
代码实验

把标签当文字展示

浏览器会把 <strong> 这样的写法解析为标签。若要把尖括号本身显示出来,可写 &lt; 和 &gt;;HTML 注释不会作为正文显示。

先判断

先不运行:下面哪一项准确描述页面中两段文字的区别?

<!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>
  <!-- 以下两段用于比较标签与标签文字。 -->
  <p id="first"><strong>推荐唱段</strong>:《女驸马》</p>
  <p id="second">&lt;strong&gt;推荐唱段&lt;/strong&gt;:《女驸马》</p>
</body>
</html>

再改一个条件

展开答案与分析

C。第一段包含真正的 strong 元素,表示内容的重要性;浏览器通常用粗体呈现。第二段的字符引用被还原为尖括号文字,不会因此再被解析成 strong 标签。注释保留在源码中,不会成为可见正文。

观察位置:比较两段“推荐唱段”的外观,以及第二段是否出现尖括号。