Aller au contenu

Sujets conseillés

Posté

(re) bonjour, j'aimerais savoir s'il est possible d'envoyer l'utilisateur, après qu'il eût cliqué sur un lien, vers un endroit précis de la même page sur laquelle se trouve le lien (par exemple en bas de page ou au milieu)

merci!

Posté

Bonjour,

Les ancres nommées sont utilisées pour cela. Le principe: ton élément sur lequel le lien doit pointer:

<p id="lien_1">blabla</p>

Et la balise de lien:

<a href="ta_page.html#lien_1" title="">voir blabla</a>

xpatval

Posté

Je connaissais les ancres mais pas avec les mêmes balises. Moi, j'utilise A NAME. Exemple:

<a name="ancre">

Et le lien d'appel:

<a href="#ancre">nom du lien</a>

Il y a une différence avec <p id="lien_1">blabla</p>?

Posté

Salut

Les deux fonctionnent parfaitement, name ou id.

Mais id est préférable.

En effet, l'attribut id sert à nommer une balise, et de fait, à l'isoler. C'est ainsi qu'un paragraphe <p> situé en plein milieu d'une page deviendra le paragraphe <p id="CeParagrapheBienParticulier">.

Ensuite, le nommage de cette balise sert à beaucoup de choses:

- à manipuler l'arbre DOM (derrière ce nom barbare se cache la notion de structure de page), essentiel pour le Javascript (si besoin de mettre du JS)

- à styler cette balise via le CSS (#CeParagrapheBienParticulier)

- à récupérer des données (dans le cadre d'un formulaire)

- et donc à faire des liens intra-pages, des ancres.

Donc tant qu'à faire, et à condition d'avoir un code structuré de manière logique, autant utiliser le moins possible de code pour obtenir le plus possible de fonctionnalités. Ce en quoi l'attribut id est plus intéressant que name qui ne sert quasiment que pour les ancres.

De plus, name est maintenant officiellement déprécié par ces messieurs du w3c... pour les raisons évoquées ci-dessus.

On pourra voir un bon exemple d'ancres dans le code HTML des règles de webmaster-hub. Chaque paragraphe peut ainsi avoir un lien qui pointe directement vers lui ;)

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...