FreeCodeCamp HTML第12步：段落内文字链接设置问题求助

现有代码问题 #

你的代码共有3处不符合题目要求的错误：

• 段落内的超链接标签<a>缺失闭合标签</a>，不符合HTML标签嵌套规则，会导致浏览器解析元素归属出错
• 段落下方额外写了一个无内容的空<a>标签，属于冗余代码，题目仅要求给段落内的指定文本加链接，不需要额外添加链接标签
• 超链接包裹的内容错误包含了句末的英文句号，题目明确要求仅为“cat photos”文本添加链接，句号不属于链接内容，需要放在标签外面

修正后参考代码 #

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a href="题目指定的链接地址">cat photos</a>.</p>
      <img src="题目提供的猫咪图片地址" alt="A cute orange cat lying on its back.">
    </main>
  </body>
</html>

修正说明 #

1. 补全了段落内<a>标签的闭合标签，闭合位置严格放在“cat photos”文本之后，将句号放在链接标签外部，确保只有指定文本被设为超链接
2. 直接删除了多余的空<a>标签，无冗余代码
3. 所有标签严格按照嵌套规则书写，开标签和闭合标签一一对应

内容的提问来源于stack exchange，提问作者nn_940