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
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.
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!
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