Aller au contenu

  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

[Résolu] html : lien vers milieu d'une page

Emm'

Par Emm'
dans Programmation

 Partager

Messages recommandés

Emm' Extrem Member

Emm'

Posté(e)
Posté(e)

Bonjour,

Sur mon site, je souhaite que certains liens permettent d'aller en milieu d'une page.

Exemple : j'ai plein d'horaires. Si je parle pour une raison donnée sur la page d'accueil d'un des lieux, que je puisse mettre un lien non vers la page, mais directement sur le paragraphe de la page.

Il me semble que dans l'adresse du lien il faut ajouter #1, ou #2 ... Mais je ne suis pas sur, ni ne sais comment créer le repère sur la page. J'ai pas les bon mots clé ce soir google n'est pas mon ami ! :P

 

Par avance, merci !

A +

pitcat Godlike Member

pitcat

Posté(e)
Posté(e)

Bonsoir tous

Valide en xhtml1

tu peux faire comme cela :

<a href="#Signet1">le titre</a>

et la ou tu veux pointe ton lien :

<a id="Signet1" >le titre</a>

 

Si tu veux approfondir pour une accessibilite maximale se que je te recommande tu y gagnera en reférencement.

<a href="#Signet1" accesskey="b" tabindex="20"> </a>

et la ou tu veux pointe ton lien :

<a id="Signet1" tabindex="24" accesskey="b">Le titre</a>

 

Et dans le cas de menu avec des liens un au dessus des autres, adjacent, tu ajoute le <span> :

 

<span><a href="#Signet1" accesskey="b" tabindex="20">Le titre </a></span>

et la ou tu veux pointe ton lien :

<a id="Signet1" tabindex="24" accesskey="b">Le titre:</a>

à plus

  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e) (modifié)

Salut Emm', Mushylex,

 

Pour moi, la notion d'ancre est toute simple. Tu poses une étiquette (une ancre) à l'endroit souhaité dans ta page HTML. Elle constituera une adresse interne que tu pourras atteindre de la même façon que toute adresse.

<html>
<head>
<title>Ma page</title>
</head>
<body>
...
<!-- quelque part dans la page, le pointage vers l'étiquette indiquée -->
<a href="#BasPage">Aller vers le bas de page</a>
...
<!-- en bas de la page, l'étiquette : c'est là que pointera le lien -->
<a name="BasPage"></a>
...
</body>
</html>

Nota : on peut pointer vers le "BasPage" de "MaPage.html" à partir de n'importe quel endroit d'une autre page HTML ! Dans ce cas, l'appel s'écrit

<a href="MaPage.html#BasPage">Aller vers le bas de la page "MaPage.html"</a>

@ Mushylex : j'ignorais qu'on pouvait pointer vers autre chose qu'une ancre (l'id d'un bloc, dans ton exemple). Le principe reste le même, c'est juste l'étiquette du bloc qui sert d'ancre : élégant :P

 

-edit- Argh : grillé par Pitcat ! :P

 

@ Pitcat : je ne vois absolument pas l'utilité de ton <span>

Modifié par dylav
pitcat Godlike Member

pitcat

Posté(e)
Posté(e) (modifié)

dylav

Le <span> est une manière élégante de passer les validateurs d'accessibilité qui recommande pour les liens adjacents un caractère imprimable entre les liens.

Pourquoi ?

Tous simplement pour marquer une pause dans les navigateurs oraux.

soit tu mets dans le .css un code pour afficher se caractère dans la même couleur que le fond de pages( cela alourdie le css et le code html)

soit tu insérer un | entre les liens qui n'est pas très esthétique non plus.

De même <a name> n'est plus valide en xhtml1 strict remplacer par <a id>

à plus

Modifié par pitcat
  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)

OK Mushylex, Pitcat,

 

Merci de me rappeler que l'attribut name est déprécié en XHTML ! On a beau le savoir, on retombe dans le panneau à chaque fois... :P

 

Quant à se pencher sur les notions d'accessibilité au NET malgré un handicap, ce souci t'honore, Pitcat. On ne rappellera jamais assez que c'est devenu en France une obligation pour le secteur public depuis la loi du 11 février 2005. Le privé est également concerné par cette loi.

  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)

Le problème semble avoir trouvé sa solution.

Ainsi, afin de signaler clairement à ceux qui ont un problème similaire qu'ils ont peut-être une solution toute trouvée (s'ils pensent à utiliser la fonction Recherche en indiquant le mot-clé "résolu" auparavant), et afin de signaler aux autres contributeurs qu'il est inutile de continuer à se creuser la tête sur le problème (à moins d'avoir des suppléments d'informations à apporter pour mieux comprendre ce qui posait problème), un modérateur a préfixé le titre du topic avec la mention [résolu].

Merci, à l'avenir, de bien vouloir prendre à votre charge cette mise à jour quand vous estimez que votre problème a été résolu de manière satisfaisante (et parallèlement, si le problème a disparu "mystérieusement", inutile d'induire les gens en erreur :P) Pour cela, p_edit.gif votre premier message :P

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
 Partager
Aller sur la liste des sujets

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...