CodeGym /Corsi /Frontend SELF IT /Tag di citazione

Tag di citazione

Frontend SELF IT
Livello 4, Lezione 4
Disponibile

4.1 Elemento <blockquote>

In HTML ci sono tag speciali per formattare le citazioni: <blockquote>, <cite>, e <q>. Ognuno di questi tag ha uno scopo specifico ed è usato per diversi tipi di citazione e riferimenti alle fonti.

Il tag <blockquote> è usato per evidenziare grandi blocchi di testo citato. I browser di solito mostrano tali citazioni con un rientro a sinistra per distinguerle dal testo principale.

Esempio di utilizzo:

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

Caratteristiche:

  • È un elemento di blocco
  • Spesso viene mostrato con un rientro a sinistra
  • Può contenere altri elementi di blocco e inline
  • Può usare l'attributo cite per indicare l'URL della fonte della citazione

Attributo cite:

L'attributo cite nel tag <blockquote> è usato per indicare la fonte della citazione. Anche se questo attributo non viene visualizzato visivamente, aiuta a conservare informazioni sulla provenienza della citazione, rendendo ciò utile per i motori di ricerca e altri sistemi automatizzati di elaborazione testuale.

Esempio con attributo cite:

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

4.2 Elemento <cite>

Il tag <cite> è usato per indicare la fonte di una citazione o il titolo di un'opera, come un libro, un articolo, un film, ecc. Il testo all'interno del tag <cite> viene solitamente mostrato in corsivo.

Esempio di utilizzo:

HTML
    
      <p>Fonte della citazione: <cite>Franklin D. Roosevelt</cite></p>
    
  

Caratteristiche:

  • È un elemento inline
  • Solitamente viene mostrato in corsivo
  • Usato per indicare fonti di citazioni o titoli di opere

Esempio con <blockquote> e <cite>:

HTML
    
      <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 Elemento <q>

Il tag <q> è usato per evidenziare brevi citazioni, incorporate nel testo. I browser aggiungono automaticamente le virgolette intorno al testo racchiuso nel tag <q>.

Esempio di utilizzo:

HTML
    
      <p>Come disse Albert Einstein, <q>L'immaginazione è più importante della conoscenza</q>.</p>
    
  

Caratteristiche:

  • È un elemento inline
  • Aggiunge automaticamente le virgolette intorno alla citazione
  • Usato per brevi citazioni incorporate nel testo principale

Attributo cite per <q>:

L'attributo cite nel tag <q> è utilizzato anche per indicare l'URL della fonte della citazione.

Esempio con attributo cite:

HTML
    
      <p>Come disse Albert Einstein, <q cite="https://example.com/einstein-quote">L'immaginazione è più importante della conoscenza</q>.</p>
    
  

Uso combinato dei tag di citazione

Questi tag possono essere usati insieme per creare contenuto più strutturato e informativo.

HTML
    
      <h1>Esempio di utilizzo dei tag di citazione</h1>
      <p>
        Come disse Albert Einstein, <q cite="https://example.com/einstein-quote">L'immaginazione è più importante della conoscenza</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>
    
  

I tag <blockquote>, <cite>, e <q> sono importanti per la corretta formattazione delle citazioni in HTML. Questi tag supportano sia l'evidenziazione visiva delle citazioni sia il significato semantico, il che è importante per i motori di ricerca e i sistemi automatizzati di elaborazione testuale.

1
Compito
Frontend SELF IT, livello 4, lezione 4
Bloccato
Tag
Tag
1
Compito
Frontend SELF IT, livello 4, lezione 4
Bloccato
Uso del tag
Uso del tag
Commenti
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION