← flaviocopes.com

What's the use of the hashtag # (number sign) in the links?

Published Apr 17 2022

Psssst! The 2023 WEB DEVELOPMENT BOOTCAMP is starting on FEBRUARY 01, 2023! SIGNUPS ARE NOW OPEN to this 10-weeks cohort course. Learn the fundamentals, HTML, CSS, JS, Tailwind, React, Next.js and much more! ✨

While working on a Web page you might see a link that’s like this:

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

href="#" here is a placeholder. The link will not point to anything in particular.

Sometimes it means the app is in progress, and we’ll fill that link href attribute later on.

Other times you’ll see this:

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

In this case the link references a point in the same page.

You’ll have an element like this:

<a id="features">Features</a>

It can also be an empty element, which will be there, but hidden:

<a id="features"></a>

Notice we used id here.

Clicking the

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

item will bring to the <a> with the id equal to features.

To complete this description, if the link is

<a href="/features">features</a>

clicking this the browser will open on a separate URL.

You can also combine those, so

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

will open the /features URL, and will scroll to the <a> tag with id="first".

I write books for developers 👇🏼

© 2023 Flavio Copes Flavio Copes made in Italy 🇮🇹 using Notion to Site Notion to Site