Klíč Rozdíl - div vs rozpětí
 

HTML je široce používaný jazyk pro vývoj webových stránek. To znamená Hyper Text Markup Language. Termín Hyper označuje propojení s jinými webovými zdroji na internetu. Termín Markup označuje schopnost vytvářet formátovaný text s obrázky a dalšími multimediálními zdroji. Hypertextové odkazy jsou hlavní součásti HTML, díky nimž se všechny webové zdroje spojují dohromady. Existuje několik verzí HTML. Jsou to HTML 2.0, 3.2, 4.01 a HTML5. HTML je v podstatě textový dokument se značkami. Řekne webovému prohlížeči způsob, jak strukturu webové stránky zobrazit. Děl a rozpětí jsou dvě značky v HTML. Každý prvek HTML má výchozí zobrazovanou hodnotu v závislosti na typu prvku. Mohou to tedy být bloky nebo vložené prvky. Tento článek popisuje rozdíl mezi div a span. klíčový rozdíl mezi div a span je to div je prvek na úrovni bloku, zatímco rozpětí 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í
5. Srovnání bok po boku - div vs. rozpětí v tabulkové formě
6. Shrnutí

Co je div?

Všechny dokumenty html začínají deklarací typu dokumentu. Nejběžnější verzí HTML je dnes HTML5. Proto je typové prohlášení. Všechny značky html by měly být zahrnuty uvnitř značek a. Ve značce jsou obsaženy nezbytné podrobnosti o webové stránce. Viditelná webová stránka je zapsána uvnitř značky. Pro každý účel existují značky.

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

,

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

Toto je odstavec

.

Obrázek 01: HTML5

Každý prvek HTML má výchozí zobrazovanou hodnotu v závislosti na typu prvku. Výchozí hodnoty zobrazení 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 bloků jsou

, ,

---

a .

Značka div je v HTML také prvkem blokové úrovně. Syntaxe je následující.

Ahoj světe!

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

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 rozpětí?

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

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

Ahoj světe!

Obrázek 02: značka div a span

Značka rozpětí se používá jako kontejner pro nějaký text. Tuto značku lze použít také s CSS. Část textu proto může být stylizovaná. Viz níže uvedený příklad. 'Odstavec 1' je uvnitř značky rozpětí. Barva se přidává pomocí atributu stylu CSS.

Toto je odstavec 1

Jaké jsou podobnosti mezi div a rozpětí?

• Div i span jsou seskupování značek do HTML.
• Div i span obsahují počáteční a koncovou značku.
• Div i span mohou mít atribut style.

Jaký je rozdíl mezi div a rozpětí?

div vs span
Div je značka HTML, která definuje dělení nebo řez v dokumentu HTML.	Rozpětí je značka HTML, která se používá k seskupování vložených prvků v dokumentu HTML.
Používání
Značka div se používá jako kontejner pro další prvky.	Značka rozpětí 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 zabere celou šířku.	Značka rozsahu bude mít pouze požadovanou šířku.
Syntax

souhrn - div vs rozpětí 

HTML znamená Hyper Text Markup Language. Používá se k vývoji webových stránek. Tento jazyk se skládá ze značek. Značky seskupování div a rozpětí v HTML. Používají se k definování sekce v dokumentu. Tento článek vysvětlil rozdíl mezi značkami div a span. Rozdíl mezi div a span je v tom, že div je element na úrovni bloku, zatímco span je inline element.

Stáhněte si PDF div vs span

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

Odkaz:

1.tutorialspoint.com. "HTML bloky." The Point, k dispozici zde  
2.HTML bloky a vložené prvky. K dispozici zde 

Obrázek se svolením:

1.'HTML5 logo a wordmark'By W3C, (CC BY 3.0) přes Commons Wikimedia