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

Kluczowa różnica: 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. Tag nie tworzy podziałki linii podobnej do tagu, ale umożliwia użytkownikowi oddzielenie elementów od innych elementów na stronie w tej samej linii.

Etykieta i tag to dwa popularne 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.

Znacznik jest elementem blokowym, a 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.

Tag tworzy podział wiersza i domyślnie tworzy podział między tekstem, który pojawia się po rozpoczęciu tagu, a końcem tagu. 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 (akapitu).

Tag nie tworzy podziałki linii podobnej do tagu, ale umożliwia użytkownikowi 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

Zalecane

Podobne Artykuły

  • różnica pomiędzy: Różnica między Sony Xperia P i Nexus 4

    Różnica między Sony Xperia P i Nexus 4

    Kluczowa różnica: Sony Xperia P ma 4-calowy ekran dotykowy TFT, który pozwala na 4-dotykowe możliwości. Ekran jest odporny na zarysowania i ma powłokę odporną na pękanie. Ekran dotykowy zapewnia gęstość w przybliżeniu 275 ppi wraz z technologią WhiteMagic, która dodaje dodatkowy biały piksel z już obecnym kolorem czerwonym, niebieskim i zielonym. Nexus 4 to czwa
  • różnica pomiędzy: Różnica między Sony Xperia E i Nokia Lumia 620

    Różnica między Sony Xperia E i Nokia Lumia 620

    Kluczowa różnica: Sony Xperia E i E-Dual to dwa podstawowe telefony Sony Mobile. Telefon ma pojemność 3.5 TFT, która ma gęstość ~ 165 ppi. Jest wyposażony w procesor Cortex-A5 Qualcomm Snapdragon o częstotliwości 1 GHz, procesor graficzny Adreno 200 i 512 MB pamięci RAM. Nokia Lumia 620 ma 3, 8-calowy ekran o rozdzielczości 480 x 800 pikseli. Posiada Qua
  • różnica pomiędzy: Różnica między Bharat Petroleum a Hindustan Petroleum

    Różnica między Bharat Petroleum a Hindustan Petroleum

    Kluczowa różnica: Bharat Petroleum oznacza Bharat Petroleum Corporation Limited (BPCL), indyjską kontrolowaną przez państwo spółkę naftowo-gazową założoną w 1977 roku, i zajęła 229 pozycję w rankingu Fortune Global na rok 2013. Hindustan Petroleum oznacza Hindustan Petroleum Corporation Limited (HPCL) to także indyjska państwowa firma zajmująca się ropą naftową i gazem ziemnym, założona w 1974 roku i zajęła 260. miejsce w rankingu Fort
  • różnica pomiędzy: Różnica między smartfonem a telefonem dotykowym

    Różnica między smartfonem a telefonem dotykowym

    Kluczowa różnica: smartfon to telefon komórkowy działający w systemie operacyjnym, podobny do mini-komputera. Smartfony są po prostu tym - małym komputerem. Telefony dotykowe to telefony z funkcjami dotykowymi i ekranem dotykowym. Ekran dotykowy to elektroniczny wyświetlacz wizualny, który umożliwia użytkownikom dostęp do funkcji telefonu, dotykając ich palcami lub rysikiem. Smartphone
  • różnica pomiędzy: Różnica między Bożym Narodzeniem a Chanuka

    Różnica między Bożym Narodzeniem a Chanuka

    Kluczowa różnica: Boże Narodzenie to święto obchodzone w celu upamiętnienia narodzin Jezusa, syna Bożego. Chanuka, znana również jako Święto Świateł lub Święto Poświęcenia, obchodzona jest w celu uczczenia dnia ponownego poświęcenia Świątyni Świętej (Drugiej Świątyni) w Jerozolimie. Koniec roku przynosi ze
  • różnica pomiędzy: Różnica między benzyną a benzyną

    Różnica między benzyną a benzyną

    Kluczowa różnica: Benzyna i benzyna to dwa różne terminy dla tego samego paliwa, które jest używane w silniku o spalaniu wewnętrznym. Benzyna i benzyna to właściwie to samo; tylko inne słowa. Te dwa słowa mają to samo znaczenie, z tą tylko różnicą, że w miejscach, w których używane są słowa. Termin "benzyn
  • różnica pomiędzy: Różnica między Alcatel One Touch Idol Ultra i Nokia Lumia 820

    Różnica między Alcatel One Touch Idol Ultra i Nokia Lumia 820

    Kluczowa różnica: Alcatel One Touch Idol Ultra wyposażony jest w pojemnościowy ekran dotykowy HD AMOLED o przekątnej 4, 65 cala i rozdzielczości 720 x 1280 pikseli. Telefon jest zasilany dwurdzeniowym procesorem 1, 2 GHz na MediaTek MTK 6577 i 1 GB pamięci RAM. Telefon ma szerokość 6, 45 mm, co skłoniło firmę do uznania go za najcieńszy smartfon na rynku. Jednym z pi
  • różnica pomiędzy: Różnica między podatkiem od usług i opłatą za usługę

    Różnica między podatkiem od usług i opłatą za usługę

    Kluczowa różnica: Podatek od usług jest podatkiem pobieranym przez rząd, dla którego świadczone są niektóre usługi. Opłata za usługę jest nieoficjalną opłatą pobieraną przez restauracje za świadczone usługi. Kiedy ktoś pójdzie zapłacić rachunek w restauracji po zjedzeniu posiłku, może zauważyć pewne opłaty na rachunku, oprócz kosztu dania. Jednym z tych dodatkowych
  • różnica pomiędzy: Różnica między założycielem i współzałożycielem

    Różnica między założycielem i współzałożycielem

    Kluczowa różnica: Założyciel to w zasadzie osoba, która coś zakłada lub ustanawia. Termin ten jest powszechnie używany w kontekście biznesu i startupów, gdzie założycielem jest w zasadzie ktoś, kto zakłada i zakłada firmę lub start-up. Współzałożyciel jest w zasadzie osobą, która pomaga założycielowi założyć firmę, i nadaje jej umiejętności lub zasoby firmie i idei. Założyciel jest w zasadzie o

Wybór Redakcji

Różnica między instrukcjami i objaśnieniami

Kluczowa różnica: instrukcje są głównie związane z instrukcją lub nauczaniem. W związku z tym instrukcje mają uczyć kogoś czegoś. Wyjaśnienia natomiast są aktem wyjaśnienia czegoś. Wyjaśnienie to zbiór stwierdzeń opisujących zbiór faktów, które mają na celu wyjaśnienie przyczyn, kontekstu i konsekwencji tych faktów. Instrukcje i objaśnienia