Liens hypertextes
Publié le 11/06/2024 | Modifié le 23/09/2024
Un hyperlien ou lien hypertexte, est un élément (texte, image, bouton) de contenu d’un document électronique dont l’activation (clic, toucher) provoque l’affichage d’un autre document, ou d’une autre partie du même document.
Syntaxe générale
Pour faire un lien dans SPIP, il suffit d’utiliser le raccourcis dédié. Un bouton, dans la barre d’outils permet de générer automatiquement ce raccourci :
À noter
Dans le cas des URL très longues, l’affichage est tronqué (pour éviter de dégrader l’interface du graphique), mais le lien hypertexte pointe vers la bonne adresse.
Enfin, une URL écrite directement se transforme également en lien hypertexte automatiquement (celui ci n’est alors pas tronqué s’il est long).
[Texte du lien->URL]Lien avec une bulle d’aide
Un lien peut être complété par une indication qui apparaîtra au survol du lien.
[Texte du lien|Texte de la bulle d’aide->URL]Lien avec une langue précisé
Si le lien pointe vers un contenu d’une langue différente de la page en cours, il faut préciser la langue de destination.
[Texte du lien{lang}->URL]Lien vers un email
[->email@nomdudomaine.ext]
[Texte du lien->email@nomdudomaine.ext]Lien vers un email avec un sujet pré-rempli
Pour pouvoir ajouter des paramètres avec un email, il faut préciser le texte du lien et le code mailto: avant l’adresse email concernée.
[Texte du lien->mailto:email@nomdudomaine.ext?subject=Texte du sujet de l'email pré-rempli]Lien vers une ancre
Pour plus d’explication, consultez la documentation détaillé des ancres.
[Texte du lien->#reference_ancre]Aperçu des exemples de liens hypertextes
https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/lien
https://www.systeme-de-design.gouv....
Texte du lien
Texte du lien avec une bulle d’aide
Texte du lien avec une langue en
Texte du lien avec une langue es
email@nomdudomaine.ext
Texte du lien vers un email
Texte du lien vers un email avec un sujet pré-rempli
https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/lien
[->https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/lien]
[Texte du lien->https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/lien]
[Texte du lien avec une bulle d’aide|Texte de la bulle d’aide->https://www.spip.net]
[Texte du lien avec une langue `en` {en}->https://www.spip.net/en_rubrique25.html]
[Texte du lien avec une langue `es` {es}->https://www.spip.net/es_rubrique23.html]
[->email@nomdudomaine.ext]
[Texte du lien vers un email->email@nomdudomaine.ext]
[Texte du lien vers un email avec un sujet pré-rempli->mailto:email@nomdudomaine.ext?subject=Texte du sujet de l'email pré-rempli]
[Texte du lien vers une ancre->#ancre-lien-vers-une-ancre]Liens internes
Un lien interne, est un lien qui pointe vers une autre page interne du site : on ne sort pas du site.
Des liens toujours valides !
La syntaxe SPIP facilite, la création de liens à l’intérieur d’un même site. Pour ce faire il faut connaitre le numéro de l’article, de la rubrique, ou de l’objet éditorial vers lequel vous souhaitez mener votre lien hypertexte.
L’avantage d’utiliser ce raccourci permet de garder un lien valide même si sa destination change, par exemple, si l’objet éditorial pointé par le lien a été déplacé dans une autre rubrique.
Pour faire un lien interne, il faut utiliser les identifiants uniques des objets SPIP :
- le type de l’objet ciblé : article, rubrique, document, site...
- le numéro de l’objet ciblé
Si rien n’est précisé avant la flèche, comme dans [->art1], le titre de l’objet éditorial, s’il existe, sera automatiquement utilisé comme texte du lien.
Lien vers un article
L’article étant le type d’objet le plus important de SPIP, le n° seul suffit.
SPIP ?
SPIP ?
SPIP ?
Lien interne avec un texte qui ne changera pas même si le titre de l’article change
[->1]
[->art1]
[->article1]
[Lien interne avec un texte qui ne changera pas même si le titre de l'article change->art1]Lien vers une rubrique
Raccourcis typographiques
Raccourcis typographiques
Consulter la rubrique dédiée aux raccourcis typographiques
[->rub3]
[->rubrique3]
[Consulter la rubrique dédiée aux raccourcis typographiques->rub3]Lien vers un document
[->doc38]
[->document38]
[Télécharger le logo SPIP->doc38]Liens externes
Un lien externe, est un lien qui pointe vers un site extérieur : on sort du site.
http://www.spip.net
http://www.spip.net
Texte du lien externe vers SPIP
https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/lien
https://www.systeme-de-design.gouv....
Texte du lien externe vers DSFR
https://fr.wikipedia.org/wiki/Hyperlien#Types_de_liens
https://fr.wikipedia.org/wiki/Hyper...
Texte du lien externe vers Wikipedia avec une ancre
http://www.spip.net
[->http://www.spip.net]
[Texte du lien externe vers SPIP->http://www.spip.net]
https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/lien
[->https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/lien]
[Texte du lien externe vers DSFR->https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/lien]
https://fr.wikipedia.org/wiki/Hyperlien#Types_de_liens
[->https://fr.wikipedia.org/wiki/Hyperlien#Types_de_liens]
[Texte du lien externe vers Wikipedia avec une ancre->https://fr.wikipedia.org/wiki/Hyperlien#Types_de_liens]