Une ancre récalcitrante
Résolu
synopsisconcept
Messages postés
50
Date d'inscription
Statut
Membre
Dernière intervention
-
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
Bonjour les gens :),
Bon, alors voilà mon soucis. J'ai placé une ancre dans mon fichier html, et un lien, mais à chaque clic, cela me renvoie vers le haut de page... Je n'y comprends rien, nombreux forums pour guider, mais même en suivant les différents pas à pas, cela ne fonctionne pas.
Suis-je débile ou bien ai-je oublié quelque chose.
Pour info, j'ai en entete :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
Définition de mon ancre :
<div id="titre_page"><strong>Un son encore plus fort !</strong></div><a name="ancre_services"></a>
Et le lien vers mon ancre :
<div id="interface_ma3a"><strong>Pour rendre votre soirée encore plus inoubliable, découvrez nos différents services associés que vous pouvez consulter
en cliquant <a href="#ancre_services">ICI</a> .</strong>
</div>
euh, les tabulations sont dues au copier-coller, hein. Je ne suis pas aussi goret quand je code !
Merci pour vos éclaircissements.
Bon, alors voilà mon soucis. J'ai placé une ancre dans mon fichier html, et un lien, mais à chaque clic, cela me renvoie vers le haut de page... Je n'y comprends rien, nombreux forums pour guider, mais même en suivant les différents pas à pas, cela ne fonctionne pas.
Suis-je débile ou bien ai-je oublié quelque chose.
Pour info, j'ai en entete :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
Définition de mon ancre :
<div id="titre_page"><strong>Un son encore plus fort !</strong></div><a name="ancre_services"></a>
Et le lien vers mon ancre :
<div id="interface_ma3a"><strong>Pour rendre votre soirée encore plus inoubliable, découvrez nos différents services associés que vous pouvez consulter
en cliquant <a href="#ancre_services">ICI</a> .</strong>
</div>
euh, les tabulations sont dues au copier-coller, hein. Je ne suis pas aussi goret quand je code !
Merci pour vos éclaircissements.
8 réponses
Salut.
Je te conseil d'utiliser l'attribut id et pas name pour les ancres.
Je te conseil d'utiliser l'attribut id et pas name pour les ancres.
<div id="titre_page"><strong id="ancre_services">Un son encore plus fort !</strong></div>
J'ai trouvé ma réponse, en testant...
En fait, j'ai inclus le <a name="ancre_services"></a> dans une phrase d'intro, et non comme une instruction simple à part.
Cool.
Si ça peut aider les autres...
En fait, j'ai inclus le <a name="ancre_services"></a> dans une phrase d'intro, et non comme une instruction simple à part.
Cool.
Si ça peut aider les autres...
Merci avion f 16.
Une question sans doute bête... Quelle différence profonde ? Euh, sans doute cela parait-il un peu idiot comme question... je le conçois.
Le nom de l'ancre, je le mets comment ? <a id="ancre_services">blabla</a> ?
Une question sans doute bête... Quelle différence profonde ? Euh, sans doute cela parait-il un peu idiot comme question... je le conçois.
Le nom de l'ancre, je le mets comment ? <a id="ancre_services">blabla</a> ?
Tu ne doit utiliser la balise <a> que pour des liens
De même la balise <strong> ne doit plus être utilisée.
Remplace la par une balise <span> et dans ton css tu appliquera le style voulus.
En gros tu devrais avoir comme code :
<span id="mon_ancre">Bla bla</span>
Le bla bla, c'est par <a href="#mon_ancre">ici</a>
et dans ton fichier css :
#mon_ancre {
font-weight: bold;
}
De même la balise <strong> ne doit plus être utilisée.
Remplace la par une balise <span> et dans ton css tu appliquera le style voulus.
En gros tu devrais avoir comme code :
<span id="mon_ancre">Bla bla</span>
Le bla bla, c'est par <a href="#mon_ancre">ici</a>
et dans ton fichier css :
#mon_ancre {
font-weight: bold;
}
Salut,
Avion-f16 a raison, utilise id=""
En somme :
Cordialement
Avion-f16 a raison, utilise id=""
En somme :
<strong id="mon_ancre">Bla bla</strong> Le bla bla, c'est par <a href="#mon_ancre">ici</a>
Cordialement
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
bon sang, j'ai une sacrée remise à niveau des balises à faire moi... Plus de strong... :)
En tout cas, merci pour vos conseils. Je vais me retaper quelques lignes pour le sport !
J'ai plus qu'à régler mes soucis d'encodage (je dois avoir un beug avec notepad++ parce qu'il me plante mes accents quand j'enregistre, ferme et rouvre le doc. Mais bon, ça, c'est le plaisir du tapage à la main, au moins, j'apprends...
Merci à vous en tout cas. Grâce à des gens comme vous, j'avance !
En tout cas, merci pour vos conseils. Je vais me retaper quelques lignes pour le sport !
J'ai plus qu'à régler mes soucis d'encodage (je dois avoir un beug avec notepad++ parce qu'il me plante mes accents quand j'enregistre, ferme et rouvre le doc. Mais bon, ça, c'est le plaisir du tapage à la main, au moins, j'apprends...
Merci à vous en tout cas. Grâce à des gens comme vous, j'avance !
Pour éviter les soucis d'accent avec note pad ++
Fait "enregistrer sous" et met bien en UTF-8 en format d'enregistrement.
Idem dans tes entétes
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
deviens
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Si tu as une base de données assure toi qu'elle est bien en unicode.
Normalement plus de soucis avec les accents si tout tes fichiers sont bien enregistrés.
Fait "enregistrer sous" et met bien en UTF-8 en format d'enregistrement.
Idem dans tes entétes
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
deviens
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Si tu as une base de données assure toi qu'elle est bien en unicode.
Normalement plus de soucis avec les accents si tout tes fichiers sont bien enregistrés.
La balise <strong> peut encore être utilisée.
C'est la balise <b> qu'il ne faut plus utiliser.
La différence entre ces deux balises, c'est que la première a une valeur sémantique. La seconde ne fait qu'appliquer la style.
Donc si c'est du contenu à mettre en évidence : strong
Si c'est juste pour le style (titre par exemple) : CSS
C'est la balise <b> qu'il ne faut plus utiliser.
La différence entre ces deux balises, c'est que la première a une valeur sémantique. La seconde ne fait qu'appliquer la style.
Donc si c'est du contenu à mettre en évidence : strong
Si c'est juste pour le style (titre par exemple) : CSS
<b> n'est ni déprécié ni obsolète mon cher Avion ;)
https://blog.temesis.com/post/2009/05/30/Un-grand-vieux-troll-des-familles
https://blog.temesis.com/post/2009/05/30/Un-grand-vieux-troll-des-familles
@avion : tu as lu l'article de Laurent Denis cité ci-dessus ? (cela dit, effectivement, faut aller la chercher loin... ;) )
@Lyle : <em> et <strong> sont des mises en exergue, celle de <strong> étant plus appuyée. Ils ont tous 2 une valeur sémantique. Les navigateurs, par défaut, en donnent respectivement un rendu italique et gras mais cela pourrait être autre chose. Rien ne t'empêche de changer cet aspect dans la CSS. Une synthèse vocale (je cite la spec du w3c) "devraient changer les paramètres de la synthèse vocale, tels que le volume, la hauteur ou le timbre". C'est donc important, dans le cadre de l'accessibilité, de les utiliser à bon escient.
Et <u> n'est pas à mettre dans le même panier que <b> et <i>. Car lui est vraiment déprécié, comme <s> par exemple.
https://www.la-grange.net/w3c/html4.01/index/elements.html
@Lyle : <em> et <strong> sont des mises en exergue, celle de <strong> étant plus appuyée. Ils ont tous 2 une valeur sémantique. Les navigateurs, par défaut, en donnent respectivement un rendu italique et gras mais cela pourrait être autre chose. Rien ne t'empêche de changer cet aspect dans la CSS. Une synthèse vocale (je cite la spec du w3c) "devraient changer les paramètres de la synthèse vocale, tels que le volume, la hauteur ou le timbre". C'est donc important, dans le cadre de l'accessibilité, de les utiliser à bon escient.
Et <u> n'est pas à mettre dans le même panier que <b> et <i>. Car lui est vraiment déprécié, comme <s> par exemple.
https://www.la-grange.net/w3c/html4.01/index/elements.html
Ah, merci, je peux garder mes <strong> alors... JE ne connaissais meme pas le <b>, donc tout va pour le mieux. Le <em>, je l'utilise, cela m'évite de passer encore du code dans le css souvent assez chargé, même si je mets un point d'honneur à faire une hiérarchie qui tienne la route.
Le <u> est déconseillé alors ? Je dois en avoir un ou deux qui trainent...
Concernant les entêtes, je dois remplacer mes :
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
en
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> ?
Le 8859-5 est une extension, donc je ne l'utilise pas, mais vous me conseillez donc le utf-8 ?
Le <u> est déconseillé alors ? Je dois en avoir un ou deux qui trainent...
Concernant les entêtes, je dois remplacer mes :
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
en
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> ?
Le 8859-5 est une extension, donc je ne l'utilise pas, mais vous me conseillez donc le utf-8 ?