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