What's the use of the hashtag # (number sign) in the links?
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 wrote 17 books to help you become a better developer:
- C Handbook
- Command Line Handbook
- CSS Handbook
- Express Handbook
- Git Cheat Sheet
- Go Handbook
- HTML Handbook
- JS Handbook
- Laravel Handbook
- Next.js Handbook
- Node.js Handbook
- PHP Handbook
- Python Handbook
- React Handbook
- SQL Handbook
- Svelte Handbook
- Swift Handbook
Also, JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025