小白前端入门笔记（12），设置哑链接

大家好，欢迎来到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>

想要亲自动
尝试一下的同学不要忘了点击文末的阅读原文进行跳转哦~

文章就到这里，给个三连再走吧~

标签：scratched,shed,12,入门,href,rip,catnip,everywhere,链接
来源： https://blog.51cto.com/u_15183480/2751234