Różnica między div i span

Klucz Różnica - dyw vs Zakres
 

HTML jest powszechnie używanym językiem do tworzenia stron internetowych. Oznacza Hyper Text Markup Language. Termin Hyper odnosi się do linkowania do innych zasobów internetowych w Internecie. Termin Znaczniki 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 umożliwiają połączenie wszystkich zasobów sieciowych. Istnieje kilka wersji HTML. Są to HTML 2.0, 3.2, 4.01 i HTML5. Zasadniczo HTML to dokument tekstowy ze znacznikami. Informuje przeglądarkę internetową, jak 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ć blokiem lub elementami wbudowanymi. W tym artykule omówiono różnicę między div i span. The kluczowa różnica między div i span jest to div jest elementem na poziomie bloku, a span jest elementem wbudowanym.

ZAWARTOŚĆ

1. Przegląd i kluczowa różnica
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. Dzisiaj 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. Istnieją znaczniki dla każdego celu. The

znacznik służy do akapitów. The

,

itp. są używane w nagłówkach. Zawartość wewnątrz początkowego i końcowego znacznika jest znana jako element. na przykład.

To jest akapit

.

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świetlania mogą być blokowe lub wbudowane. Elementy na poziomie bloku zawsze zaczynają się od nowej linii. Te elementy zajmują całą dostępną szerokość. Oto niektóre przykłady elementów na poziomie bloku

, ,


i .

Znacznik div jest także elementem blokowym w HTML. Składnia jest następująca.

Witaj świecie!

Elementy div są kontenerem dla innych elementów. Dlatego zestaw elementów można upakować w elemencie div. W przypadku korzystania z kaskadowego arkusza stylów (CSS) znacznik div może służyć do stylizowania bloku treści. Zobacz poniższy fragment kodu.

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

Co to jest rozpiętość?

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

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

Witaj świecie!

Rysunek 02: Znacznik div i span

Znacznik zakresu jest używany jako pojemnik na tekst. Tego znacznika można również używać z CSS. Dlatego część tekstu można nadać styl. Zobacz poniższy przykład. „Ustęp 1” znajduje się w znaczniku zakresu. Kolor jest dodawany za pomocą atrybutu stylu CSS.

To jest akapit 1

Jakie są podobieństwa między div i 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 jest znacznikiem HTML, który definiuje podział lub sekcję w dokumencie HTML. Rozpiętość jest znacznikiem HTML używanym do grupowania elementów wbudowanych w dokumencie HTML.
 Stosowanie
Znacznik div służy jako pojemnik na inne elementy. Znacznik zakresu jest używany jako pojemnik na tekst.
Nowa linia
Znacznik div zaczyna się od nowej linii. Znacznik zakresu nie zaczyna się od nowej linii.
 Wymagana szerokość
Tag div zajmie całą szerokość. Znacznik zakresu przyjmuje tylko wymaganą szerokość.
Składnia
 

streszczenie - div vs Zakres 

HTML oznacza 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 znacznikami 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 wbudowanym.

Pobierz plik PDF div vs span

Możesz pobrać wersję PDF tego artykułu i używać go do celów offline zgodnie z cytatem. Pobierz wersję PDF tutaj: Różnica między div i span 

Odniesienie:

1.tutorialspoint.com. „Bloki HTML”. The Point, dostępny tutaj  
2.HTML Blok i elementy wbudowane. Dostępny tutaj 

Zdjęcie dzięki uprzejmości:

1.'HTML5 logo i znak słowny 'Przez W3C, (CC BY 3.0) przez Commons Wikimedia