Spośród wymienionych znaczników języka HTML, <ul> nie jest stosowany do formatowania tekstu, lecz służy do tworzenia strukturalnych list na stronie. Pozostałe znaczniki, takie jak <b>, <strong>, <i>, <em>, <mark> itp., mają bezpośredni wpływ na sposób prezentacji oraz wygląd fragmentów tekstu w dokumencie.
Szczegółowe omówienie znaczników
Przykłady znaczników do formatowania tekstu
Poniżej przedstawiam najczęściej stosowane znaczniki HTML wykorzystywane do formatowania wyglądu tekstu:
- <b> – służy do pogrubienia tekstu, bez nadawania mu dodatkowego znaczenia semantycznego;
<p>To jest <b>pogrubiony</b> tekst.</p>
- <strong> – podkreśla wagę lub istotność danego fragmentu i również go pogrubia;
<p>To jest <strong>ważny</strong> tekst.</p>
- <i> – pochyla tekst (kursywa), ale bez dodatkowego znaczenia;
<p>To jest <i>pochylony</i> tekst.</p>
- <em> – nadaje wyrazowi nacisk (emfaza) poprzez pochylenie;
<p>To jest <em>tekst z naciskiem</em>.</p>
- <mark> – podświetla (zaznacza) fragment tekstu, najczęściej na żółto;
<p>To jest <mark>podświetlony</mark> tekst.</p>
- <small> – zmniejsza rozmiar czcionki dla wybranego fragmentu;
<p>To jest <small>mniejszy</small> tekst.</p>
- <sub> i <sup> – indeksy dolny i górny, często stosowane w notacji chemicznej lub matematycznej.
<p>H<sub>2</sub>O</p>
<p>x<sup>2</sup> + y<sup>2</sup> = z<sup>2</sup></p>
Przykład znacznika niesłużącego do formatowania tekstu
Znacznik <ul> (ang. unordered list):
- Opis – tworzy listę nieuporządkowaną (z punktami);
- Zastosowanie – służy do prezentowania zbiorów elementów w sposób uporządkowany wizualnie, ale nie modyfikuje bezpośrednio wyglądu pojedynczych fragmentów tekstu.
<ul>
<li>Pierwszy element listy</li>
<li>Drugi element listy</li>
<li>Trzeci element listy</li>
</ul>
Powyższy kod wygeneruje listę punktowaną, ale sam znacznik <ul> nie wpływa np. na pogrubienie, pochylenie czy podkreślenie fragmentów tekstu – jedynie organizuje je w strukturze.
Podsumowanie: <ul> kontra znaczniki formatowania
Znaczniki takie jak <b>, <i>, <strong>, <em>, <mark>, <small>, <sub>, <sup> służą bezpośrednio do zmiany wyglądu i prezentacji tekstu.
Znacznik <ul> używany jest do organizowania tekstu w postaci listy, lecz nie służy do formatowania pojedynczych fragmentów tekstu.
W praktyce warto oddzielać znaczniki semantyczne, które wpływają na sens i prezentację tekstu, od znaczników strukturalnych, które budują strukturę dokumentu bez ingerencji w wygląd pojedynczych znaków czy słów. Dzięki temu kod HTML stanie się bardziej czytelny i zgodny ze standardami.
