Jak korzystać z znacznika SPAN w HTML?
Znacznik <span> dość często jest nie doceniany przez osoby, które dopiero zaczynają naukę HTML i CSS. Jest tak dlatego, że nie zdają sobie one sprawy z jego potencjału.
Co znajdziesz w tym wpisie
Czym się charakteryzuje SPAN
SPAN ma wiele ciekawych cech. Wśród nich warto wymienić:
- span nie jest elementem blokowym
- można go dodawać w dowolnym miejscu np.:
- w akapicie
- w menu
- nagłówku
- znacznik ten można dostosować do swoich potrzeb, gdyż nie ma domyślnie dopisanych właściwości w przeglądarkach internetowych
Do czego możemy wykorzystać SPAN
Poniżej możecie zobaczyć różne zastosowania znacznika<span>:
Do dodania dodatkowego elementu
Wyrazy, grupy słów umieszczone w <span> posiadają obramowanie:
See the Pen
Untitled by Aura (@Julka85)
on CodePen.0
W tym przykładzie mamy dwa słowa w jednym paragrafie, ale dzięki odpowiedniej zmianie z pomocą <span>:
See the Pen
Top down by Aura (@Julka85)
on CodePen.0
Do wstawienia innego tła pod tekstem
<span> może nam się również przydać do tworzenia różnych efektów graficznych. Jako obiekt nie blokowy swobodnie może on być dodawany w dowolnym miejscu. Umieszczone w nim obiekty zaś nie uciekają do kolejnych linii (chyba, że będziemy tego chcieli) domyślnie wyglądają jak by go nie było.
See the Pen
Text decoration by Aura (@Julka85)
on CodePen.0