小白前端入门笔记(12),设置哑链接

December 09, 2023
测试
测试
测试
测试
5 分钟阅读

大家好,欢迎来到freecodecamp HTML专题第12篇。

今天的挑战依然关于a标签。

背景知识

有的时候,我们想要在我们还不知道链接指向何处的时候就添加一个a标签。

看起来好像有些不可思议,但是其实在学习了JavaScript之后,你会发现这其实是常态。因为JavaScript可以动态地修改HTML以及CSS的内容,所以我们可以在我们还不知道具体链接之前就设置好a标签。

关于JavaScript的内容,我们将会在之后学习到它们。

题意

现在我们有一个a标签,它的href属性指向了"https://freecatphotoapp.com"。我们希望将href中的内容替换成#。也就是英文中的hashtag,代表一个无效的链接。

比如:

<a href="#"></a>

要求

  1. 你的a元素应该包含一个无效的链接,通过href指向#实现

编辑器

<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="https://freecatphotoapp.com" target="_blank">cat photos</a>.</p>

  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">

  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

解法

今天的挑战非常简单,我们只需要按照题目的要求把a标签当中的href属性改成#即可。

<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#" target="_blank">cat photos</a>.</p>

  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">

  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

继续阅读

更多来自我们博客的帖子

如何安装 BuddyPress
由 测试 December 17, 2023
经过差不多一年的开发,BuddyPress 这个基于 WordPress Mu 的 SNS 插件正式版终于发布了。BuddyPress...
阅读更多
Filter如何工作
由 测试 December 17, 2023
在 web.xml...
阅读更多
如何理解CGAffineTransform
由 测试 December 17, 2023
CGAffineTransform A structure for holding an affine transformation matrix. ...
阅读更多