dexblog.ro
HTML Toate tagurile HTML

și 
 în HTML

Text și formatare HTML 2.0+

Afișează fragmente de cod: code pentru fragmente scurte în text și pre pentru blocuri cu spații și linii păstrate.

Sintaxă tag 
<code>textCod</code>
<pre><code>cod pe
mai multe linii</code></pre>

Ce face <code> și <pre>

Tagul <code> semnalează că textul este un fragment de cod sursă (sau o comandă de terminal), afișat implicit cu un font monospațiat (precum Courier sau Consolas).

Tagul <pre> păstrează cu exactitate toate spațiile albe și trecerile la rând nou din interiorul său. Combinarea <pre><code>...</code></pre> este standardul universal pentru blocurile mari de cod pe site-urile de tehnologie.

Exemple

Exemplul 1: Cod inline versus bloc de cod complet

Blocul pre păstrează indentarea exact cum a fost scrisă.

<p>Rulează comanda <code>git status</code> în terminal.</p>
<pre><code>function salut(nume) {
  console.log("Salut, " + nume);
}</code></pre>

Ce afișează browserul

Rulează comanda git status (monospațiat) în terminal.

function salut(nume) {
  console.log("Salut, " + nume);
}

Greșeli frecvente

  • Scrierea caracterelor speciale < și > direct în blocul de cod fără a le scăpa (escape) ca < și >; altfel, browserul încearcă să le interpreteze ca taguri HTML reale.

Comenzi înrudite

  • <p>: Definește un paragraf de text; element de tip bloc, separat automat de restul conținutului prin spațiu vertical.
  • <span>: Container generic de tip inline, utilizat pentru a grupa o porțiune de text și a-i aplica stiluri CSS sau acțiuni JS.
  • <blockquote>: Reprezintă un citat lung dintr-o altă sursă, afișat de obicei indentat sau cu o bară verticală.