Rozdíl Mezi Div A Span

Obsah:

Rozdíl Mezi Div A Span
Rozdíl Mezi Div A Span

Video: Rozdíl Mezi Div A Span

Video: Rozdíl Mezi Div A Span
Video: Divs vs Spans 2024, Smět
Anonim

Klíčový rozdíl - div vs rozpětí

HTML je široce používaný jazyk pro vývoj webových stránek. Znamená to Hyper Text Markup Language. Termín Hyper označuje propojení s jinými webovými prostředky na internetu. Termín Markup označuje schopnost vytvářet formátovaný text pomocí obrázků a dalších multimediálních zdrojů. Hypertextové odkazy jsou hlavní součásti HTML, díky nimž se všechny webové zdroje propojují. Existuje několik verzí HTML. Jsou to HTML 2.0, 3.2, 4.01 a HTML5. HTML je v zásadě textový dokument se značkami. Říká webovému prohlížeči způsob, jak strukturovat webovou stránku tak, aby ji zobrazovala. Div a span jsou dvě značky v HTML. Každý prvek HTML má výchozí zobrazovanou hodnotu v závislosti na typu prvku. Mohou tedy být blokovými nebo vloženými prvky. Tento článek pojednává o rozdílech mezi div a span. Klíčovým rozdílem mezi div a span je, že div je prvek na úrovni bloku, zatímco span je vložený prvek.

OBSAH

1. Přehled a klíčový rozdíl

2. Co je div

3. Co je rozpětí

4. Podobnosti mezi div a rozpětím

5. Porovnání vedle sebe - div vs. rozpětí v tabulkové formě

6. Shrnutí

Co je div?

Všechny html dokumenty začínají deklarací typu dokumentu. Dnes je nejběžnější verzí HTML HTML5. Proto je deklarace typu. Všechny značky html by měly být zahrnuty uvnitř značek a. Potřebné podrobnosti o webové stránce jsou zahrnuty uvnitř značky. Viditelná webová stránka je napsána uvnitř značky. Pro každý účel existují značky. The

značka se používá k odstavcům. The

,

atd. se používají pro nadpisy. Obsah uvnitř počáteční a koncové značky je znám jako prvek. např

Toto je odstavec

Rozdíl mezi div a span
Rozdíl mezi div a span

Obrázek 01: HTML5

Každý prvek HTML má výchozí zobrazovanou hodnotu v závislosti na typu prvku. Výchozí zobrazené hodnoty mohou být blokové nebo vložené. Prvky na úrovni bloku vždy začínají novým řádkem. Tyto prvky mají celou dostupnou šířku. Některé příklady prvků na úrovni bloku jsou,, a

Značka div je také prvkem na úrovni bloku v HTML. Syntaxe je následující.

Ahoj světe!

Prvky div jsou kontejnerem pro ostatní prvky. Proto může být sada prvků zabalena do prvku div. Při použití s kaskádovým stylem (CSS) lze značku div použít ke stylování bloku obsahu. Viz níže uvedený kód.

Rozdíl mezi div a span Figure 03
Rozdíl mezi div a span Figure 03

Uvnitř značky div jsou dva odstavce. Veškerý obsah uvnitř značky div má barvu pozadí černou a barvu písma bílou.

Co je to span?

Na rozdíl od prvků na úrovni bloku se vložené prvky nezačínají na novém řádku. Zabere to pouze požadovanou šířku. Některé příklady vložených prvků jsou,, a

Značka span je také vloženým prvkem v HTML. Syntaxe je následující.

Ahoj světe!

KeyDifference mezi div a span
KeyDifference mezi div a span

Obrázek 02: Značka div a span

Značka span se používá jako kontejner pro nějaký text. Tuto značku lze také použít s CSS. Proto lze část textu stylovat. Viz níže uvedený příklad. „Odstavec1“je uvnitř značky span. Barva se přidává pomocí atributu stylu CSS.

Toto je odstavec 1

Jaké jsou podobnosti mezi div a span?

  • Div i span jsou seskupovací značky v HTML.
  • Div i span obsahují počáteční značku a koncovou značku.
  • Div i span mohou mít atribut style.

Jaký je rozdíl mezi div a span?

Rozdílný článek uprostřed před tabulkou

div vs rozpětí

Div je značka HTML, která definuje divizi nebo sekci v dokumentu HTML. The span je značka HTML, která se používá ke seskupení vložených prvků v dokumentu HTML.
Používání
Značka div se používá jako kontejner pro další prvky. Značka span se používá jako kontejner pro nějaký text.
Nový řádek
Značka div začíná novým řádkem. Značka span nezačíná novým řádkem.
Požadovaná šířka
Značka div bude mít celou šířku. Značka span bude mít pouze požadovanou šířku.
Syntax

Shrnutí - div vs rozpětí

HTML je zkratka pro Hyper Text Markup Language. Používá se k vývoji webových stránek. Tento jazyk se skládá ze značek. Značky seskupení div a span v HTML. Používají se k definování sekce v dokumentu. Tento článek vysvětluje rozdíl mezi značkami div a span. Rozdíl mezi div a span je v tom, že div je prvek na úrovni bloku, zatímco span je vložený prvek.

Stáhněte si PDF div proti rozpětí

Můžete si stáhnout PDF verzi tohoto článku a použít ji pro offline účely podle citace. Stáhněte si verzi PDF zde: Rozdíl mezi div a span

Doporučená: