Różnica Między Div I Span

Spisu treści:

Różnica Między Div I Span
Różnica Między Div I Span

Wideo: Różnica Między Div I Span

Wideo: Różnica Między Div I Span
Wideo: HTML5 уроки для начинающих | #13 - Использование тегов div и span 2024, Listopad
Anonim

Kluczowa różnica - div vs span

HTML jest językiem powszechnie używanym do tworzenia stron internetowych. To skrót od Hyper Text Markup Language. Termin Hyper odnosi się do linków do innych zasobów internetowych w Internecie. Termin Markup odnosi się do możliwości tworzenia sformatowanego tekstu z obrazami i innymi zasobami multimedialnymi. Hiperłącza to główne składniki HTML, które łączą ze sobą wszystkie zasoby sieciowe. 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ą, aby ją wyświetlić. Elementy div i span to dwa tagi w kodzie HTML. Każdy element HTML ma domyślną wartość wyświetlaną w zależności od typu elementu. Zatem mogą to być elementy blokowe lub wbudowane. W tym artykule omówiono różnicę między div i span. Kluczowa różnica między div i span polega na tym, że div jest elementem blokowym, a span jest elementem wbudowanym.

ZAWARTOŚĆ

1. Przegląd i kluczowe różnice

2. Co to jest div

3. Co to jest rozpiętość

4. Podobieństwa między div i span

5. Porównanie obok siebie - div vs span w formie tabelarycznej

6. Podsumowanie

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 znajdować się wewnątrz tagów i. Niezbędne szczegóły strony internetowej są zawarte w tagu. Widoczna strona internetowa jest zapisana wewnątrz tagu. Do każdego celu służą tagi. Plik

tag jest używany do akapitów. Plik

,

itp. są używane jako nagłówki. Treść wewnątrz znacznika początkowego i końcowego nazywana jest elementem. na przykład

To jest akapit

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

Rysunek 01: HTML5

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

Znacznik DIV jest również elementem blokowym w HTML. Składnia jest następująca.

Witaj świecie!

Elementy div są kontenerem dla innych elementów. Dlatego w elemencie div można umieścić zestaw elementów. W połączeniu z kaskadowym arkuszem stylów (CSS) znacznik DIV może służyć do stylizacji bloku treści. Zobacz poniższy fragment kodu.

Różnica między div i span Figure 03
Różnica między div i span Figure 03

Wewnątrz znacznika DIV znajdują się dwa akapity. Cała zawartość znacznika DIV ma kolor tła czarny, a kolor czcionki biały.

Co to jest rozpiętość?

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

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

Witaj świecie!

KeyDifference między div i span
KeyDifference między div i span

Rysunek 02: znaczniki div i span

Tag span jest używany jako kontener dla pewnego tekstu. Ten tag może być również używany z CSS. Dlatego część tekstu może być stylizowana. Zobacz poniższy przykład. „Paragraph1” znajduje się wewnątrz tagu span. Kolor jest dodawany za pomocą atrybutu stylu CSS.

To jest paragraf 1

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

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

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

Porównaj środek artykułu przed tabelą

div vs span

Element div to znacznik HTML, który definiuje dział lub sekcję w dokumencie HTML. Rozpiętość to znacznik HTML używany do grupowania elementów wbudowanych w dokumencie HTML.
Stosowanie
Znacznik DIV służy jako kontener dla innych elementów. Tag span jest używany jako kontener dla pewnego tekstu.
Nowa linia
Znacznik DIV zaczyna się od nowej linii. Znacznik span nie zaczyna się od nowej linii.
Wymagana szerokość
Znacznik DIV będzie miał całą szerokość. Znacznik span będzie miał 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. Znaczniki 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 blokowym, a span jest elementem wbudowanym.

Pobierz plik PDF z opisem div vs span

Możesz pobrać wersję PDF tego artykułu i używać jej w trybie offline, zgodnie z notą cytatową. Pobierz wersję PDF tutaj: Różnica między div i span

Zalecane: