Znacznik <code> w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Znacznik <code> w HTML

Znacznik <code> służy do oznaczania krótkich fragmentów tekstu jako kodu programistycznego. Jest to znacznik semantyczny, czyli informuje przeglądarkę, wyszukiwarki i technologie wspomagające, że dana treść jest kodem, a nie zwykłym tekstem.

Do czego służy <code>?

Stosuje się go do oznaczania m.in.:

  • nazw znaczników HTML, np. <div>, <p>, <code>,
  • nazw funkcji, metod i zmiennych,
  • krótkich instrukcji w językach programowania,
  • fragmentów poleceń lub składni.

Przykład:

<p>Aby wyświetlić obraz, użyj znacznika <code>&lt;img&gt;</code>.</p>

W przeglądarce tekst wewnątrz <code> jest zwykle wyświetlany czcionką o stałej szerokości, np. monospace.

<code> a znaki specjalne

Jeżeli wewnątrz <code> chcesz pokazać znak < lub >, należy użyć encji HTML:

  • < zapisujemy jako &lt;,
  • > zapisujemy jako &gt;.

Poprawnie:

<code>&lt;h1&gt;Tytuł&lt;/h1&gt;</code>

Niepoprawnie jako przykład kodu:

<code><h1>Tytuł</h1></code>

W drugim przypadku przeglądarka potraktuje <h1> jako prawdziwy znacznik HTML.

<code> a <pre>

Znacznik <code> jest przeznaczony głównie do krótkich fragmentów kodu w tekście. Dłuższe bloki kodu często zapisuje się razem z <pre>, który zachowuje spacje i łamanie wierszy:

<pre><code>let x = 10;
console.log(x);</code></pre>

W kontekście egzaminu

Jeśli pytanie brzmi: „Jaki znacznik w HTML oznacza fragment tekstu jako kod programistyczny?”, poprawną odpowiedzią jest <code>.