Retour

Lien (link)

Le lien permet la navigation entre une page et un autre contenu au sein de la même page, du même site ou externe. Pour les actions d’un autre type - comme la soumission d’un formulaire - il faut utiliser le composant bouton.

Documentation

Lien de téléchargement

<a class="village-link--download village-link" download="true" id="link-4787" href="/example/img/image.jpg">Télécharger le document lorem ipsum sit dolores amet <span class="village-link__detail">JPG – 61,88 ko</span>
</a>

Groupe de lien de téléchargement

<ul class="village-links-group">
    <li>
        <a class="village-link--download village-link" download="true" id="link-4792" href="[À MODIFIER - ../../../../example/img/image.jpg]">Télécharger le document lorem ipsum sit dolores amet <span class="village-link__detail">JPG – 61,88 ko</span>
        </a>
    </li>
    <li>
        <a class="village-link--download village-link" download="true" id="link-4793" href="[À MODIFIER - ../../../../example/img/image.jpg]">Télécharger le document lorem ipsum sit dolores amet <span class="village-link__detail">JPG – 61,88 ko</span>
        </a>
    </li>
    <li>
        <a class="village-link--download village-link" download="true" id="link-4794" href="[À MODIFIER - ../../../../example/img/image.jpg]">Télécharger le document lorem ipsum sit dolores amet <span class="village-link__detail">JPG – 61,88 ko</span>
        </a>
    </li>
</ul>

Fichier en langue étrangère

Indiquer le code langue (ISO 639‑1) du fichier dans l'attribut "hreflang" et la langue en toute lettre dans le détail

<a class="village-link--download village-link" hreflang="en" download="true" id="link-4797" href="exemple.pdf">Télécharger le document lorem ipsum sit dolores amet <span class="village-link__detail">PDF – 1,81 Mo - Anglais</span>
</a>

Remplissage automatique des détails

L'attribut data-village-assess-file permet de remplir automatiquement le détail avec le type, le poids, et la langue (hreflang) du fichier.

<a class="village-link--download village-link" data-village-assess-file download="true" id="link-4800" href="/example/img/image.jpg">Télécharger le document lorem ipsum sit dolores amet <span class="village-link__detail"> </span>
</a>

Remplissage automatique des détails en Bytes

Sur une page en anglais, ou toute autre langue utilisant l'unité "Bytes" plutot que "Octet", ajouter la valeur "bytes" sur l'attribut : data-village-assess-file="bytes".

<a class="village-link--download village-link" data-village-assess-file="bytes" hreflang="fr" download="true" id="link-4803" href="/example/img/image.jpg">Download the french document lorem ipsum <span class="village-link__detail"> </span>
</a>

Paramètres d’affichage

Choisissez un thème pour personnaliser l’apparence du site.