Turn an Image into a Link, what's this for?

HTML-CSS
1

Tell us what’s happening:

“Remember to use # as your a element’s href property in order to turn it into a dead link.”
why here it’s called dead link?
I see that on the image cursor’s normal pointer became the link clicking pointer, but what is this for?

Your code so far


<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>
  
  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
  
  <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>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:62.0) Gecko/20100101 Firefox/62.0.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link

4

Hi,
I agree that the term dead link is misleading. When I read dead link, I would assume it is a link that used to work but doesn’t anymore. Naming it something like placeholder would be better. Often times that what you would use it for,

With links you can target other pages, even on other sites. But you can also target elements on the same site that have an id on them, like this: <a href="#name-of-id">, if you create a link with a hash sign without anything else: <a href="#">, it is still a valid link though and in most browsers will take you to the top of the page.

5

Because it doesn’t link to anything [except the page itself]. It’s dead, inert, it doesn’t do anything, but it is still an anchor tag. You normally use it as a placeholder while you’re writing the code. For example you’re building a website and you want it to work exactly the same as the end product, but you don’t want to go off to another site while you’re clicking around testing things. Then you replace it with an actual link once you know what that is.

6

Hi Steven, thank you for your help. it’s quite clear the 1st paragraph in your reply, but in the 2nd part, if I’ve added a hash sign here to turn an image as link, it doesn’t go anywhere, how it works <a href="#name-of-id"> to target a element and <a href="#">to target the top of the page?