Balises de citation

4.1 Élément <blockquote>

En HTML, il y a des balises spéciales pour formater les citations : <blockquote>, <cite>, et <q>. Chacune de ces balises a un but spécifique et est utilisée pour différents types de citations et de références de sources.

La balise <blockquote> est utilisée pour mettre en évidence de grands blocs de texte cité. Les navigateurs affichent généralement ces citations avec un retrait à gauche pour les distinguer du texte principal.

Exemple d'utilisation :

    
      <blockquote>
        "The only limit to our realization of tomorrow is our doubts of today."
      </blockquote>
    
  

Caractéristiques :

• Est un élément block
• S'affiche souvent avec un retrait à gauche
• Peut contenir d'autres éléments block et inline
• Peut utiliser l'attribut cite pour spécifier l'URL de la source de la citation

Attribut cite :

L'attribut cite dans la balise <blockquote> est utilisé pour spécifier la source de la citation. Bien que cet attribut ne s'affiche pas visuellement, il aide à conserver l'information sur l'origine de la citation, ce qui est utile pour les moteurs de recherche et d'autres systèmes automatisés de traitement de texte.

Exemple avec l'attribut cite :

    
      <blockquote cite="https://example.com/quote-source">
        "The only limit to our realization of tomorrow is our doubts of today."
      </blockquote>
    
  

4.2 Élément <cite>

La balise <cite> est utilisée pour indiquer la source d'une citation ou le titre d'une œuvre, comme un livre, un article, un film, etc. Le texte à l'intérieur de la balise <cite> est généralement affiché en italique.

Exemple d'utilisation :

    
      <p>Source de la citation : <cite>Franklin D. Roosevelt</cite></p>
    
  

Caractéristiques :

• Est un élément inline
• S'affiche généralement en italique
• Utilisé pour indiquer les sources de citations ou les titres d'œuvres

Exemple avec <blockquote> et <cite> :

    
      <blockquote  cite="https://example.com/quote-source">
        "The only limit to our realization of tomorrow is our doubts of today."
        <cite>— Franklin D. Roosevelt</cite>
      </blockquote>
    
  

4.3 Élément <q>

La balise <q> est utilisée pour encadrer de courtes citations intégrées dans le texte. Les navigateurs ajoutent automatiquement des guillemets autour du texte inclus dans la balise <q>.

Exemple d'utilisation :

    
      <p>Comme Albert Einstein l'a dit, <q>L'imagination est plus importante que la connaissance</q>.</p>
    
  

Caractéristiques :

• Est un élément inline
• Ajoute automatiquement des guillemets autour de la citation
• Utilisé pour de courtes citations intégrées dans le texte principal

Attribut cite pour <q> :

L'attribut cite dans la balise <q> est également utilisé pour spécifier l'URL de la source de la citation.

Exemple avec l'attribut cite :

    
      <p>Comme Albert Einstein l'a dit, <q cite="https://example.com/einstein-quote">L'imagination est plus importante que la connaissance</q>.</p>
    
  

Utilisation combinée des balises de citation

Ces balises peuvent être utilisées ensemble pour créer un contenu plus structuré et informatif.

    
      <h1>Exemple d'utilisation des balises de citation</h1>
      <p>
        Comme Albert Einstein l'a dit, <q cite="https://example.com/einstein-quote">L'imagination est plus importante que la connaissance</q>.
      </p>
      <blockquote cite="https://example.com/quote-source">
        "The only limit to our realization of tomorrow is our doubts of today."
        <cite>— Franklin D. Roosevelt</cite>
      </blockquote>
    
  

Les balises <blockquote>, <cite>, et <q> sont importantes pour le bon formatage des citations en HTML. Ces balises soutiennent à la fois la mise en évidence visuelle des citations et la signification sémantique, ce qui est crucial pour les moteurs de recherche et les systèmes automatisés de traitement de texte.