Etichetta HTML <blockquote>

Definizione e uso

<blockquote> Tag definisce la parte citata da altre fonti.

I browser spesso rientrano <blockquote> Elemento (vedi gli esempi di seguito per sapere come rimuovere il rientro).

Spiegazione dettagliata

<blockquote> Tag definiti sono citazioni in blocco.<blockquote> Con </blockquote> Tutti i testi tra questi tag saranno separati dal testo normale, spesso con rientro a sinistra e destra (aumentando il margine esterno) e a volte in corsivo. Questo significa che le citazioni hanno il loro proprio spazio.

Suggerimento:Usa <q> Tag per fare citazioni (corte) in linea.

Vedi anche:

Manuale di riferimento HTML DOM:Oggetto Blockquote

Esempio

Esempio 1

Parte citata da altre fonti:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
Per 50 anni, la Fondazione Mondiale per la Natura (WWF) ha protetto il futuro della natura.
Come organizzazione di protezione leader a livello mondiale, il WWF opera in 100 paesi e riceve il supporto di 1,2 milioni di membri negli Stati Uniti e di circa 5 milioni di persone in tutto il mondo.
</blockquote>

Prova tu stesso

Esempio 2

Rimuovi il rientro degli elementi blockquote utilizzando CSS:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>
<p>Questa è una citazione dal sito web della Fondazione Mondiale per la Natura:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
Per 50 anni, la Fondazione Mondiale per la Natura (WWF) ha protetto il futuro della natura.
Come organizzazione di protezione leader a livello mondiale, il WWF opera in 100 paesi e riceve il supporto di 1,2 milioni di membri negli Stati Uniti e di circa 5 milioni di persone in tutto il mondo.
</blockquote>
</body>
</html>

Prova tu stesso

Attributo

Attributo Valore Descrizione
cite URL Stabilisce la fonte di riferimento.

Attributi globali

<blockquote> Il tag supporta anche Attributi globali in HTML.

Attributi di evento

<blockquote> Il tag supporta anche Attributi di evento in HTML.

Impostazioni CSS predefinite

La maggior parte dei browser utilizzerà i seguenti valori predefiniti per la visualizzazione <blockquote> Elemento:

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

Prova tu stesso

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto