Comment créer des liens W3C ou Gmail-esque #anchor & # 8220; & # 8221 ;?

Question

Si vous utilisez Gmail, vous verrez des URL dans la barre d'adresse du type:
https://mail.google.com/mail/#inbox
https://mail.google.com/mail/#starred
Si vous accédez à l’une de ces URL, l’affichage passe directement à la vue correspondante.

Un exemple similaire est disponible sur http://validator.w3.org , où les ancres # validate_by_uri , #validate_by_upload et #validate_by_input , chaque mise au point automatique se faisant sous différents onglets.

Comment ces choses sont-elles faites? Est-ce que la page utilise Javascript pour détecter l'ancre puis change de vue pour vous? Comment empêchez-vous la page de défiler jusqu'à la position d'ancrage?

Answer 1

La page utilise JavaScript pour évaluer le " hash " propriété de l'objet window.location .

Allez l'essayer en désactivant JavaScript. Au moins avec la page du validateur, cela produit un résultat sans surprise.

Answer 2

YUI inclut un gestionnaire d’historique qui le met en œuvre pour vous. L’examen du le code source devrait vous aider à comprendre comment ça marche.