Citazione in evidenza in HTML e CSS (blockquote)

Citazione in evidenza in HTML e CSS (blockquote): a cosa serve

Metti in risalto una frase in mezzo al testo: la testimonianza di un cliente, un estratto di intervista o l’idea principale del post. Scrivi la citazione, l’autore e il ruolo, e scegli tra cinque stili: bordo laterale, virgolette grandi, scheda, centrata grande e fascia colorata, con il colore di risalto e il carattere che preferisci.

Il codice usa figure, blockquote e figcaption, il modo semantico di marcare una citazione con l’autore, e accetta l’indirizzo della fonte nell’attributo cite. L’anteprima mostra la citazione tra due paragrafi, come apparirà in un post vero.

Come si usa

1. Scrivi la citazione e l’autore.
2. Scegli lo stile, il colore e il carattere.
3. Copia il codice per il sito.

Quando usarlo

• Testimonianza in evidenza nella home page.
• Estratto di intervista nel blog.
• Frase a effetto in mezzo al post.

Domande frequenti

Qual è la differenza tra blockquote e q?

blockquote serve per una citazione a blocco, separata dal testo, come quelle che genera questo strumento. q serve per una citazione breve dentro una frase, e il browser aggiunge le virgolette da solo.

Come indicare l’autore nel modo giusto?

Racchiudi la citazione in un figure e metti l’autore in un figcaption subito sotto, come nel codice generato. Il nome dell’autore non va dentro il blockquote, perché non fa parte di ciò che è stato detto. Se la citazione viene da una pagina, usa l’attributo cite con il suo indirizzo.

Posso usarla come testimonianza di un cliente?

Sì, per una testimonianza in evidenza. Usa frasi reali, con l’autorizzazione della persona. Per più testimonianze insieme, usa il generatore di testimonianze per siti.

È davvero gratis?

Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.

Strumenti simili