Przejdź do treści

Czym się różni SPAN od DIV? - Kurs HTML i CSS

Czym się różni SPAN od DIV?

Zarówno znacznik <span> jak i <div> są znacznikami kontenerowymi w HTML, jednak różnią się głównie zastosowaniem i wpływem na strukturę dokumentu. <span> jest używany do stylizacji lub wyróżnienia fragmentów tekstu wewnątrz linii tekstu, podczas gdy <div> jest używany do tworzenia bloków kontenerowych, które mogą zawierać inne elementy HTML i służą do grupowania i układania zawartości strony.

Zobacz więcej...

  • CSS
    Wstawianie stylów CSS / Rozciąganie stylu <span style>

    ...wyraz "wartość" wpisujemy dokładną wartość atrybutu. Znacznik <span>...</span> pozwala na objęcie pewnego większego fragmentu dokumentu. Pojedynczym znacznikiem <span>...</span> możemy objąć kilka różnych elementów, które są wyświetlane w linii (sam element SPAN tak właśnie jest wyświetlany), np. wytłuszczenie tekstu oraz kursywę. Element ten tak dobrze nadaje się do osadzania stylów, ponieważ sam w sobie nie ma określonego żadnego formatowania, które mogłoby kolidować z efektem, jaki...

  • HTML
    Tekst HTML / Wykaz <ul, ol, li>

    ...<li><span style="color: black">Punkt trzeci</span></li> </ul> gdzie w miejsce wyróżnionych wyrazów należy wpisać definicje kolorów, przy czym "red" oznacza kolor, jaki mają przyjąć wyrózniki, natomiast "black" - kolor tekstu. Przykład <ul "color", ol "color"> Punkt pierwszy Punkt drugi Punkt trzeci Dotyczy to wszystkich typów wykazu: Punkt pierwszy Punkt drugi Punkt trzeci Punkt pierwszy Punkt drugi Punkt trzeci Możliwe jest również określenie innego koloru dla...

  • CSS
    Dobre praktyki / Przykazania webmastera

    ...gdy nie możesz już wymyślić nic sensownego (np. informacja2, informacja3, informacja4 itd.) to kiepski pomysł. Czy za pół roku będziesz pamiętać, czym różni się informacja2 od informacja3? Jeśli serwis nie będzie posiadał wersji obcojęzycznej ani nie planujesz, że będą go rozwijać osoby z innych krajów, możesz używać polskojęzycznych nazw (bez polskich znaków diakrytycznych!). Jeśli wygodniej Ci będzie używać angielskich - również nie ma problemu. Ważne, żeby starać się nie mieszać nazw...

★★★★★ 5/5 (276)

Facebook