Różnica między znacznikiem div i span w kodzie HTML | Różnica Pomiędzy | pl.natapa.org

Różnica między znacznikiem div i span w kodzie HTML




Kluczowa różnica: The
znacznik tworzy podział wiersza i domyślnie tworzy podział między tekstem, który pojawia się po rozpoczęciu znacznika i dopóki znacznik nie zostanie zakończony
. The Tag nie tworzy podział wiersza podobny do a
tag, ale pozwala użytkownikowi na oddzielenie elementów od innych elementów na stronie w tej samej linii.

The
i są to dwa wspólne znaczniki znalezione podczas tworzenia stron przy użyciu HTML i wykonywania różnych funkcji. Często są one mylące dla wielu początkujących, którzy próbują zrozumieć, kiedy użyć. Najpierw zrozumiemy różnicę między tymi dwoma.

The

znacznik jest elementem blokowym, podczas gdy jest elementem śródliniowym. Oba są często używane, gdy próbujemy kontrolować różne aspekty strony internetowej, w tym obrazy, tekst i tak dalej.

The

znacznik tworzy podział wiersza i domyślnie tworzy podział między tekstem, który pojawia się po rozpoczęciu znacznika i dopóki znacznik nie zostanie zakończony
. Tworzy oddzielne pola lub specjalne pojemniki dla wszystkich pozostałych elementów, tekstu i obrazów umieszczonych w tym tekście. Znaczniki te są zwykle samodzielne i nie powinny być używane z tagami

(akapit) znaczniki.

The Tag nie tworzy podział wiersza podobny do a
tag, ale pozwala użytkownikowi na oddzielenie elementów od innych elementów na stronie w tej samej linii. Brak podziału linii powoduje, że zaznaczony tekst zmienia się, zachowując wszystkie pozostałe elementy wokół siebie. Są one często używane do wyróżnienia pewnej części tekstu, na przykład do nadania jej kolorytu lub odważnego charakteru. Znaczniki te są często używane w

tagi.

Porównanie znacznika div i span w Html:

znacznik div

tag span

Typ elementu

Element na poziomie bloku

Element śródliniowy

Rozpoczyna się

Na nowej stronie

Nie trzeba zaczynać od nowej linii

Przestrzeń

Zajmuje pełną dostępną szerokość

Zajmuje tyle samo szerokości, ile potrzeba

Inne przykłady

-

Użyty jako

Kontener dla innych elementów HTML

Kontener dla jakiegoś tekstu

Atrybuty

Brak wymaganych atrybutów, ale styl i klasa są powszechne

Brak wymaganych atrybutów, ale styl i klasa są powszechne

Używany z CSS

Może być używany do stylizowania bloków treści

Może być używany do stylizowania części tekstu

Zdjęcie dzięki uprzejmości: html-5-tutorial.com, safeschoolbexley.co.uk

Poprzedni Artykuł

Różnica między mgławicą a gwiazdą

Następny Artykuł

Różnica między ONZ a NATO