Różnica między div a span

Spisu treści:

Różnica między div a span
Różnica między div a span

Wideo: Różnica między div a span

Wideo: Różnica między div a span
Wideo: Divs vs Spans 2024, Listopad
Anonim

Kluczowa różnica – div vs span

HTML to powszechnie używany język do tworzenia stron internetowych. Jest skrótem od Hyper Text Markup Language. Termin Hyper odnosi się do linkowania do innych zasobów sieciowych w Internecie. Termin Markup odnosi się do możliwości tworzenia sformatowanego tekstu z obrazami i innymi zasobami multimedialnymi. Hiperłącza są głównymi składnikami HTML, dzięki którym wszystkie zasoby sieciowe łączą się ze sobą. Istnieje kilka wersji HTML. Są to HTML 2.0, 3.2, 4.01 i HTML5. Zasadniczo HTML to dokument tekstowy z tagami. Informuje przeglądarkę internetową, w jaki sposób ustrukturyzować stronę internetową w celu jej wyświetlenia. Div i span to dwa znaczniki w HTML. Każdy element HTML ma domyślną wartość wyświetlaną w zależności od typu elementu. Mogą więc być elementami blokowymi lub wbudowanymi. W tym artykule omówiono różnicę między div a span. Kluczowa różnica między div i span polega na tym, że div jest elementem na poziomie bloku, podczas gdy span jest elementem wbudowanym.

Co to jest div?

Wszystkie dokumenty html zaczynają się od deklaracji typu dokumentu. Obecnie najpopularniejszą wersją HTML jest HTML5. Dlatego deklaracja typu to. Wszystkie tagi html powinny być zawarte w tagach i. Niezbędne szczegóły strony internetowej są zawarte w tagu. Widoczna strona internetowa jest zapisana wewnątrz tagu. Dla każdego celu są znaczniki.

tag jest używany do akapitów.

,

itd. są używane do nagłówków. Zawartość wewnątrz znacznika początkowego i końcowego jest nazywana elementem. np.

To jest akapit

Różnica między div a span
Różnica między div a span

Rysunek 01: HTML5

Każdy element HTML ma domyślną wartość wyświetlaną w zależności od typu elementu. Domyślne wartości wyświetlane mogą być blokowe lub wbudowane. Elementy na poziomie bloku zawsze zaczynają się od nowej linii. Elementy te zajmują całą dostępną szerokość. Niektóre przykłady elementów blokowych to,, i

Tag div jest również elementem na poziomie bloku w HTML. Składnia jest następująca.

Witaj świecie!

Elementy div to pojemnik na inne elementy. Dlatego do elementu div można spakować zestaw elementów. W przypadku korzystania z arkusza stylów kaskadowych (CSS), znacznik div może służyć do stylizowania bloku treści. Zapoznaj się z poniższym fragmentem kodu.

Różnica między div a span_Rysunek 03
Różnica między div a span_Rysunek 03

Dwa akapity znajdują się wewnątrz znacznika div. Cała zawartość wewnątrz znacznika div ma czarny kolor tła i biały kolor czcionki.

Co to jest rozpiętość?

W przeciwieństwie do elementów blokowych, elementy śródliniowe nie zaczynają się od nowej linii. Zajmuje tylko wymaganą szerokość. Niektóre przykłady elementów wbudowanych to,, i

Kluczowa różnica między div a span
Kluczowa różnica między div a span

Tag span jest również elementem wbudowanym w HTML. Składnia jest następująca.

Witaj świecie!

Rysunek 02: znacznik div i span

Znacznik span jest używany jako pojemnik na tekst. Ten tag może być również używany z CSS. Dlatego część tekstu może być stylizowana. Zobacz poniższy przykład. „Akapit 1” znajduje się wewnątrz znacznika span. Kolor jest dodawany za pomocą atrybutu stylu CSS.

To jest paragraf1

Jakie są podobieństwa między div a span?

  • Zarówno div, jak i span grupują tagi w HTML.
  • Zarówno div, jak i span zawierają znacznik początkowy i końcowy.
  • Zarówno div, jak i span mogą mieć atrybut stylu.

Jaka jest różnica między div a span?

div vs span

Div to znacznik HTML, który definiuje podział lub sekcję w dokumencie HTML. Span to znacznik HTML, który jest używany do grupowania elementów wbudowanych w dokumencie HTML.
Użycie
Znacznik div jest używany jako pojemnik na inne elementy. Znacznik span jest używany jako pojemnik na tekst.
Nowa linia
Znacznik div zaczyna się od nowej linii. Znacznik span nie zaczyna się od nowej linii.
Wymagana szerokość
Znacznik div zajmie całą szerokość. Znacznik span przyjmie tylko wymaganą szerokość.
Składnia

Podsumowanie – div vs span

HTML to skrót od Hyper Text Markup Language. Służy do tworzenia stron internetowych. Ten język składa się z tagów. Tagi grupujące div i span w HTML. Służą do definiowania sekcji w dokumencie. W tym artykule wyjaśniono różnicę między tagami div i span. Różnica między div i span polega na tym, że div jest elementem na poziomie bloku, podczas gdy span jest elementem śródliniowym.

Pobierz plik PDF div vs span

Możesz pobrać wersję PDF tego artykułu i używać jej do celów offline zgodnie z notatką cytowania. Proszę pobrać wersję PDF tutaj: Różnica między div a span

Zalecana: