Pra quê serve o # no link?
É um padrão? É utilizado pra algo pelas frameworks? É usado só pra CSR ou em SSR também? Tem alguma vantagem?
2
3
"Anchor" em HTML é um recurso usado para criar links dentro de uma página da web. É basicamente um ponto de referência ou um marcador que você pode adicionar em qualquer lugar em uma página web.
Com o Anchor, você pode criar um link que leva o usuário diretamente para uma seção específica da página da web, em vez de ter que rolar manualmente até o local desejado. É uma forma útil de melhorar a experiência do usuário, especialmente em páginas longas com muitas seções diferentes.
Para criar um Anchor em HTML, você adiciona uma tag "a" com um atributo "name" que especifica o nome do Anchor. Em seguida, você pode criar um link em outra parte da página que aponta para esse nome do Anchor usando o atributo "href".
Por exemplo, se você tem um parágrafo na parte superior da página com um nome de Anchor de "meu-paragrafo", você pode criar um link em outro lugar na página usando um código como este:
Clique aqui para ir para o meu parágrafo
Quando alguém clica nesse link, a página será rolada automaticamente para o parágrafo que contém o Anchor "meu-paragrafo".
2
Vale reforçar que o anchor de um link não chega ao servidor http jamais, diferente dos query parameters.
Ele existe apenas no navegador.
1
O # Serve para criar falhas xss.
Bricnadeira 👀 (mas não deixa de ser mentira...)
O # no final do link é referência do id em um elemento DOM na pagina HTML.
Faça o teste, crie um elemento com um id, exemplo:
<div id="example"></div>
Agora nesta mesma página, quando usar #example no final da url, a scroll irá ir até a declaração desta div.
Isso se chama âncora 😌😅
1
Acredito que seja uma técnica chamada "Anchoring", falaram sobre isso em uma outra publicação minha por aqui