Les citations en HTML avec blockquote, cite et q

Les citations en HTML avec blockquote, cite et q

Les citations sont un moyen efficace de mettre en évidence des paroles ou des textes importants dans un document HTML. Dans cet article, nous allons explorer différentes façons d’inclure des citations dans une page HTML en utilisant les balises blockquote, q et cite.

Utilisation de la balise blockquote

La balise blockquote est utilisée pour représenter des citations longues ou des extraits de texte qui nécessitent une mise en forme spéciale.

Voici un exemple d’utilisation de la balise blockquote :

        
            <blockquote>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                <p>Nullam eget mauris sed sem feugiat faucibus.</p>
                <p>Etiam vel neque non enim tincidunt mattis.</p>
            </blockquote>
        
    

Cela affichera le texte cité avec une indentation sur les côtés et une police différente pour le distinguer du reste du contenu du document.

Il est également possible d’ajouter un attribut cite à la balise blockquote pour spécifier la source de la citation. Voici un exemple :

        
            <blockquote cite="https://www.example.com">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
            </blockquote>
        
    

Utilisation de la balise q

La balise q est utilisée pour représenter des citations courtes ou des expressions courtes qui font partie intégrante du texte environnant.

Voici un exemple d’utilisation de la balise q :

        
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget mauris sed sem feugiat faucibus. <q>Etiam vel neque non enim tincidunt mattis.</q> Phasellus iaculis, metus eu ultrices eleifend, mi nibh fringilla ante, ac consectetur lacus risus vitae justo.</p>
        
    

Cela affichera la citation entre guillemets et avec une mise en forme spéciale pour le différencier du reste du texte.

Utilisation de l’attribut cite

L’attribut cite peut être ajouté à la balise q pour spécifier la source de la citation. Voici un exemple :

        
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget mauris sed sem feugiat faucibus. <q cite="https://www.example.com">Etiam vel neque non enim tincidunt mattis.</q> Phasellus iaculis, metus eu ultrices eleifend, mi nibh fringilla ante, ac consectetur lacus risus vitae justo.</p>
        
    

Cela permettra aux lecteurs de savoir d’où provient la citation et de vérifier sa véracité.

En utilisant les balises blockquote, q et l’attribut cite, il est possible d’inclure des citations de manière claire et structurée dans une page HTML. Que ce soit pour mettre en évidence des extraits de texte ou pour inclure des citations courtes, ces balises offrent une solution adaptée à chaque cas. N’oubliez pas d’utiliser l’attribut cite pour fournir aux lecteurs la source de vos citations.