{"id":8990,"date":"2023-09-14T05:00:42","date_gmt":"2023-09-14T04:00:42","guid":{"rendered":"https:\/\/humm.loverde.fr\/?p=8990"},"modified":"2023-09-14T06:04:06","modified_gmt":"2023-09-14T05:04:06","slug":"lien-html-vers-un-endroit-precis-dune-autre-page","status":"publish","type":"post","link":"https:\/\/humm.loverde.fr\/?p=8990","title":{"rendered":"Lien html vers un endroit pr\u00e9cis d’une autre page"},"content":{"rendered":"

Le langage HTML<\/strong><\/p>\n

Le langage HTML est tr\u00e8s simple mais tol\u00e8re peu les erreurs.<\/p>\n

Il est parfois n\u00e9cessaire de s’y mettre, les \u00e9diteurs de pages ou articles, ne permettent pas certaines actions comme le lien vers un endroit pr\u00e9cis d’une autre page.<\/p>\n

Il faut cr\u00e9er une ancre et un lien vers cette ancre. Sur WordPress, on \u00e9crit l’article ou la page, puis on passe en mode HTML pour ins\u00e9rer les balises HTML.<\/p>\n

Je ne sais pas si cet article va int\u00e9resser grand monde, d\u00e9sol\u00e9 les amis… (R\u00e8gle n\u00b06 de Gibbs, https:\/\/bit.ly\/3KtInWl<\/a>), mais j’ai assez souvent besoin de cette notion d’ancre et \u00e0 chaque fois je suis oblig\u00e9 de faire une recherche sur des sites o\u00f9 ce n’est pas forc\u00e9ment bien expliqu\u00e9 et le plus souvent je laisse tomber.<\/p>\n

Alors la prochaine fois je n’aurai pas besoin de chercher ailleurs 😉.<\/p>\n

Le point de d\u00e9part du lien<\/strong><\/p>\n

Il est compos\u00e9 de l’URL de la page vis\u00e9e suivi du symbole # et du nom de l’ancre attach\u00e9 au di\u00e8se.<\/p>\n

En langage HTML, les noms d’ancres ne peuvent pas comporter d’espaces ni d’accents. Ils doivent \u00eatre constitu\u00e9s de caract\u00e8res alphanum\u00e9riques et peuvent inclure des tirets. Ce n’est pas tr\u00e8s g\u00eanant puisqu’au final ce nom n’appara\u00eet pas en clair. Attention \u00e0 la casse quand m\u00eame.<\/p>\n

La destination du lien<\/strong><\/p>\n

C’est une ancre quelque part dans une autre page.<\/p>\n

L’ancre :<\/p>\n

<div id=\u201cnom2lancre\u201d>…<\/div><\/p><\/blockquote>\n

\n

J’ai eu du mal avec les guillemets que WordPress voulait m’imposer, j’ai d\u00fb passer en mode HTML et mettre les codes correspondant <\/em>&#8220;<\/em> (ouvrant) et 8221(fermant )😩, pareil pour l’exemple<\/em> :<\/p>\n

<\/p>\n

Les 3 petits points, c’est juste pour v\u00e9rifier que l’ancre a bien \u00e9t\u00e9 cr\u00e9\u00e9e on peut les enlever apr\u00e8s, bien s\u00fbr.<\/p>\n

Exemple<\/strong><\/p>\n

Le code HTML :<\/p>\n

<a href=\u201chttps:\/\/humm.loverde.fr\/?p=1066#Leibowitz\u201d target=\u201c_blank\u201d rel=\u201cnoopener\u201d>\u201cUn quantique pour Leibowitz\u201d<\/a><\/p><\/blockquote>\n

Le r\u00e9sultat en mode visuel :<\/p>\n

\u00ab\u00a0Un quantique pour Leibowitz\u00a0\u00bb<\/a><\/p>\n

Ins\u00e9rer le code HTML du lien en mode HTML dans une page quelconque pour atteindre l’ancre Leibowitz<\/em> de la page \u00ab\u00a0la science-fiction, par quoi commencer\u00a0\u00bb \u00ab\u00a0Un quantique pour Leibowitz\u00a0\u00bb d\u00e9finie auparavant.<\/p>\n

Note<\/strong><\/p>\n

Habituellement je ne modifie jamais une page d\u00e9j\u00e0 \u00e9crite mais l\u00e0 ce n’est pas g\u00eanant car en ajoutant une ancre on ne modifie en rien cette page.<\/p>\n

En \u00e9crivant cet article j’\u00e9tais loin de me douter de la difficult\u00e9 d’afficher du code HTML pour que mon texte ait la m\u00eame apparence que dans mon \u00e9diteur de texte ! Je me souviens avoir d\u00e9j\u00e0 eu le m\u00eame probl\u00e8me mais de l’eau a coul\u00e9 sous les ponts depuis et c’\u00e9tait avant le r\u00e9chauffement climatique.<\/em><\/p>\n

Illustration<\/em><\/strong><\/p>\n

Bateaux ancr\u00e9s \u00e0 Saint Rapha\u00ebl juillet 2023, vue depuis le C\u0153lacanthe (https:\/\/bit.ly\/3qegxqn<\/a>) o\u00f9 je vous conseille le poulpe grill\u00e9 😋 quand il est \u00e0 la carte.<\/p>\n

bit.ly\/Christian_Loverde<\/a><\/p>\n

\"\"<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Le langage HTML Le langage HTML est tr\u00e8s simple mais tol\u00e8re peu les erreurs. Il est parfois n\u00e9cessaire de s’y … <\/p>\n","protected":false},"author":1,"featured_media":8991,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false,"_members_access_role":[],"_members_access_error":""},"categories":[544],"tags":[1550,1551,1549,1413],"class_list":["post-8990","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-informatique","tag-ancre","tag-balises","tag-html","tag-lien"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2023\/09\/IMG_20230911_085833_173.jpg?fit=1024%2C683&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9whbF-2l0","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":11366,"url":"https:\/\/humm.loverde.fr\/?p=11366","url_meta":{"origin":8990,"position":0},"title":"Insertion d’une vid\u00e9o \u00ab\u00a0short\u00a0\u00bb dans un site web","author":"kris33390","date":"29 septembre 2024","format":false,"excerpt":"La r\u00e9daction de cet article m'a ramen\u00e9 quelques ann\u00e9es en arri\u00e8re, quand j'\u00e9crivais \u00e0 l'aide d'un \u00e9diteur HTML. Il fallait ensuite tester le r\u00e9sultat sur diff\u00e9rents navigateurs comme Internet Explorer ou Netscape qui ne donnaient pas toujours le m\u00eame rendu. Rappel L'insertion d'une vid\u00e9o YouTube dans un site web est\u2026","rel":"","context":"Dans "Informatique"","block_context":{"text":"Informatique","link":"https:\/\/humm.loverde.fr\/?cat=544"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2024\/09\/1727166050229-1-1.jpg?fit=1200%2C810&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2024\/09\/1727166050229-1-1.jpg?fit=1200%2C810&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2024\/09\/1727166050229-1-1.jpg?fit=1200%2C810&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2024\/09\/1727166050229-1-1.jpg?fit=1200%2C810&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2024\/09\/1727166050229-1-1.jpg?fit=1200%2C810&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":9725,"url":"https:\/\/humm.loverde.fr\/?p=9725","url_meta":{"origin":8990,"position":1},"title":"Virus et protections","author":"cloverde","date":"1 mars 2024","format":false,"excerpt":"J'ai beaucoup \u00e9crit sur le sujet. Voici regroup\u00e9 ici une synth\u00e8se j'esp\u00e8re pas trop synth\u00e9tique, une r\u00e9-\u00e9criture de plusieurs \u00e9crits mis \u00e0 jour. Virus et cie Virus est un terme dont le sens a \u00e9volu\u00e9 avec les ann\u00e9es. \u00c0 la base, il d\u00e9signe un programme plut\u00f4t malveillant qui peut se\u2026","rel":"","context":"Dans "Informatique"","block_context":{"text":"Informatique","link":"https:\/\/humm.loverde.fr\/?cat=544"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2024\/02\/1707692666386-2.jpg?fit=1200%2C1131&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2024\/02\/1707692666386-2.jpg?fit=1200%2C1131&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2024\/02\/1707692666386-2.jpg?fit=1200%2C1131&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2024\/02\/1707692666386-2.jpg?fit=1200%2C1131&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2024\/02\/1707692666386-2.jpg?fit=1200%2C1131&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":3170,"url":"https:\/\/humm.loverde.fr\/?p=3170","url_meta":{"origin":8990,"position":2},"title":"Impact environnemental d’un email","author":"cloverde","date":"15 juillet 2018","format":false,"excerpt":"Impact environnemental d'un email Pour parodier une phrase c\u00e9l\u00e8bre, ne nous demandons pas ce que les gouvernements peuvent faire pour la plan\u00e8te mais demandons nous ce que nous, nous pouvons faire. Soyons responsables. Voici ce que j'ai renvoy\u00e9 \u00e0 un ami qui m'avait transmis (ainsi qu'\u00e0 une dizaine d'autres) une\u2026","rel":"","context":"Dans "Informatique"","block_context":{"text":"Informatique","link":"https:\/\/humm.loverde.fr\/?cat=544"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2018\/07\/Attachment-2-5.png?fit=425%2C282&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":10806,"url":"https:\/\/humm.loverde.fr\/?p=10806","url_meta":{"origin":8990,"position":3},"title":"WhatsApp et le partage de position","author":"kris33390","date":"26 juillet 2024","format":false,"excerpt":"C'est les vacances, le moment des retrouvailles et ce n'est pas toujours facile. Alors se donner rendez-vous dans un endroit pr\u00e9cis c'est pas mal, surtout quand le lieu de la rencontre n'est pas d\u00e9fini ou que vous y \u00eates mais que vous n'avez pas les coordonn\u00e9es GPS. Je n'ai pas\u2026","rel":"","context":"Dans "Informatique"","block_context":{"text":"Informatique","link":"https:\/\/humm.loverde.fr\/?cat=544"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2024\/07\/Screenshot_2024-07-14-08-38-44-603-edit_navigation.location.maps_.finder.directions.gps_.gpsroutefinder.jpg?fit=1080%2C761&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2024\/07\/Screenshot_2024-07-14-08-38-44-603-edit_navigation.location.maps_.finder.directions.gps_.gpsroutefinder.jpg?fit=1080%2C761&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2024\/07\/Screenshot_2024-07-14-08-38-44-603-edit_navigation.location.maps_.finder.directions.gps_.gpsroutefinder.jpg?fit=1080%2C761&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2024\/07\/Screenshot_2024-07-14-08-38-44-603-edit_navigation.location.maps_.finder.directions.gps_.gpsroutefinder.jpg?fit=1080%2C761&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2024\/07\/Screenshot_2024-07-14-08-38-44-603-edit_navigation.location.maps_.finder.directions.gps_.gpsroutefinder.jpg?fit=1080%2C761&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":9383,"url":"https:\/\/humm.loverde.fr\/?p=9383","url_meta":{"origin":8990,"position":4},"title":"Lire et cr\u00e9er des QRcode","author":"cloverde","date":"17 d\u00e9cembre 2023","format":false,"excerpt":"QRCode, \u00ab Quick Response Code \u00bb, \u00ab code \u00e0 r\u00e9ponse rapide \u00bb en fran\u00e7ais, est un symbole matriciel unique qui permet d'encoder des informations. Le QRcode n\u2019est \u00e0 la mode que depuis le covid et l\u2019application \u00ab Tous Anti Covid \u00bb. Pourtant ses possibilit\u00e9s sont beaucoup plus int\u00e9ressantes que le\u2026","rel":"","context":"Dans "Actualit\u00e9"","block_context":{"text":"Actualit\u00e9","link":"https:\/\/humm.loverde.fr\/?cat=661"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2023\/12\/qr-code28529.png?fit=680%2C680&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2023\/12\/qr-code28529.png?fit=680%2C680&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2023\/12\/qr-code28529.png?fit=680%2C680&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":9450,"url":"https:\/\/humm.loverde.fr\/?p=9450","url_meta":{"origin":8990,"position":5},"title":"Ajouter ou modifier une signature Gmail","author":"cloverde","date":"21 d\u00e9cembre 2023","format":false,"excerpt":"La signature peut contenir jusqu'\u00e0 10 000 caract\u00e8res. Sur Navigateur PC En haut \u00e0 droite, un clic sur Param\u00e8tres (roue dent\u00e9e) puis Voir tous les param\u00e8tres. Section Signature Ajouter le texte voulu dans le champ correspondant. Il est possible de mettre en forme le message en y ajoutant une image\u2026","rel":"","context":"Dans "Informatique"","block_context":{"text":"Informatique","link":"https:\/\/humm.loverde.fr\/?cat=544"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2023\/12\/IMG_20231221_093634_298.jpg?fit=1200%2C884&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2023\/12\/IMG_20231221_093634_298.jpg?fit=1200%2C884&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2023\/12\/IMG_20231221_093634_298.jpg?fit=1200%2C884&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2023\/12\/IMG_20231221_093634_298.jpg?fit=1200%2C884&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/humm.loverde.fr\/wp-content\/uploads\/2023\/12\/IMG_20231221_093634_298.jpg?fit=1200%2C884&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/humm.loverde.fr\/index.php?rest_route=\/wp\/v2\/posts\/8990","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/humm.loverde.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/humm.loverde.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/humm.loverde.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/humm.loverde.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8990"}],"version-history":[{"count":36,"href":"https:\/\/humm.loverde.fr\/index.php?rest_route=\/wp\/v2\/posts\/8990\/revisions"}],"predecessor-version":[{"id":9040,"href":"https:\/\/humm.loverde.fr\/index.php?rest_route=\/wp\/v2\/posts\/8990\/revisions\/9040"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/humm.loverde.fr\/index.php?rest_route=\/wp\/v2\/media\/8991"}],"wp:attachment":[{"href":"https:\/\/humm.loverde.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/humm.loverde.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8990"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/humm.loverde.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}