Se você precisar direcionar os usuários para links in-page, também conhecidos como identificadores de fragmentos , poderá definir o id
atributo (que é usado para mais do que apenas IDs de fragmentos ) em qualquer elemento. Em seguida, use o usual #
na URL de um href
atributo de um a
elemento. Aqui está um exemplo:
<body>
<p>Despite the many
<a href="#benefits-of-gum-chewing">benefits</a>
you may experience while chewing gum, there are also many drawbacks,
especially with
<a href="http://www.example.org/sugar.html#cons">non-sugarless</a>
gum.</p>
...
<section id="benefits-of-gum-chewing">
<h1>Benefits of Gum Chewing</h1>
...
</section>
</body>
Ao escrever minhas próprias páginas, gosto de atribuir um id
a cada <section>
tag (HTML5), mesmo que não pretenda usá-lo. O valor de id
é uma versão compatível com o URL do conteúdo do cabeçalho. Você pode obter o mesmo efeito atribuindo o mesmo id
a um <h1>
, etc.
Por fim, as <a>
tags vazias não são preteridas, conforme indicado na especificação HTML5 :
Se o a
elemento não tem href
atributo, o elemento representa um espaço reservado para onde um link poderia ter sido colocado de outra maneira…
Além disso, o mesmo se aplica aos area
elementos :
O href
atributo on a
e area
elements não é necessário; quando esses elementos não têm href
atributos, eles não criam hiperlinks.