dexblog.ro
HTML Toate tagurile HTML

în HTML

Text și formatare HTML 2.0+

Reprezintă un citat lung dintr-o altă sursă, afișat de obicei indentat sau cu o bară verticală.

Sintaxă tag 
<blockquote cite="https://exemplu.ro">
  <p>Citatul aici...</p>
</blockquote>

Ce face <blockquote>

Tagul <blockquote> este un element de tip bloc destinat citatelor extinse. Poate conține paragrafe, titluri sau liste.

Atributul opțional cite poate conține adresa URL a sursei citate. Pentru citate scurte, plasate în interiorul unei propoziții, se folosește tagul inline <q>.

Atribute

Atribut Descriere
cite Adresa URL către documentul sau sursa de unde provine citatul.

Exemple

Exemplul 1: Citat dintr-o carte sau declarație oficială

Se poate combina cu tagul cite pentru a menționa autorul.

<blockquote cite="https://dexblog.ro">
  <p>Programarea nu înseamnă doar ce scrii în cod, ci modul în care rezolvi problemele reale.</p>
</blockquote>
<p>&mdash; <cite>Echipa dexblog</cite></p>

Ce afișează browserul

Un bloc indentat cu bară laterală gri conținând textul citatului, urmat de „— Echipa dexblog”.

Greșeli frecvente

  • Folosirea

    doar pentru a indenta un text oarecare (indentarea vizuală se realizează cu CSS padding-left).

Comenzi înrudite

  • <p>: Definește un paragraf de text; element de tip bloc, separat automat de restul conținutului prin spațiu vertical.
  • <figure> și <figcaption>: Grupează o imagine, o diagramă sau un bloc de cod împreună cu legenda sa explicativă (figcaption).