HTML5 confusion about footer

Hey,

In HTML5, this is the start of the page I’m working on:

<h2>CatPhotoApp</h2>

<main>

<a href="#footer">Jump to Bottom></a>

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

This is the bottom:

soon as door open yet destroy couch.</p>

</main>

<h2 id=<footer</h2>>

My confusion is that, at one point I am instructed to

Change your external link to an internal link by changing the href attribute to “#footer

And I’m told

Then add an id attribute with a value of “footer” to the <footer> element at the bottom of the page.

But I’m told

There should be only one footer
tag on your page.

So, my question is: should I have one or two footers?

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

You should have 1 footer element. You currently have 0.

<h2 id=<footer</h2>>

Is not valid HTML.

Ariel,
Thank you. I will look again at this.
Best,
Neil