Wyróżnione fragmenty tekstu dokumentu

Czasami niektóre fragmenty tekstu w dokumencie trzeba wyróżnić w zależności od sensu tych fragmentów. Na przykład, nazwiska, daty urodzenia, nazwy klawisz na klawiaturze, klasy Java, etc… Do wyróżnienia używa się znacznika <span>. Zazwyczaj elementom span nadaje się atrybut class, który zaznacza rolę tych fragmentów. Atrybut ten jest taki sam dla wszystkich równoważnych fragmentów. Więc równoważne fragmenty tekstu dokumentu zawierają się w elementach span o tym samym atrybucie class. Na przykład, wszystkie nazwiska zawierają się w elementach <span class='name'>, wszystkie nazwy książek — w elementach <span class='title'>, etc — jak w przykładzie poniżej.


<p class='bibliography'>
 <span class='author'>Aleksander Denisiuk</span>
 <span class='title'>Inversion of the 
        X-ray transform</span>
 <span class='journal'>Inverse Problems</span>,
 <span class='pages'>399&ndash;411</span>
 <span class='year'>2007</span>
</p>

Elementy span wyświetla się liniowo . Do wyróżnienia elementów blokowych używamy elementów div (lub standardowych article, section, etc). Jeżeli taki blok jest unikatowy w obrębie dokumenty, zamiast atrybutu class można użyć atrybutu id.

Ćwiczenie 1.7:

Dodaj znaczniki <span> do listy ulubionych książek.