This article needs an editorial review. How you can help.
Tento překlad není kompletní. Prosím pomozte přeložit tento článek z angličtiny.
Elementy v HTML (Hypertext Markup Language) jsou obvykle buď blokové, nebo řádkové. Blokové elementy zabírají celou šířku svého rodiče, čímž tvoří jakýsi „blok“.
Prohlížeče většinou zobrazují blokové elementy tak, že za ně i před ně vloží nový řádek – vizte následující ukázku.
Blokové elementy
HTML
<p>Odstavec je typický blokový element. Jeho pozadí jsme obarvili, aby se zvýraznil jeho rodič.</p>
CSS
p { background-color: #8ABB55; }
Použití
- Blokové elementy se smí objevit uvnitř elementu
<body>.
Blokové vs. řádkové elementy
Mezi blokovými a řádkovými elementy existuje několik významných rozdílů:
- Formátování
- Ve výchozím nastavení začínají blokové elementy na noém řádku.
- Struktura elementu
- Blokové elementy běžně smí obsahovat řádkové elementy i další blokové elementy. S tím je také spojena myšlenka. že blokové elementy vytváří „větší“ struktury, než elementy řádkové.
Rozdělení na blokové a řádkové elementy používala specifikace HTML verze 4.01 a nižší. V HTML5 byla tato dichotomie nahrazena složitější sadou kategorií obsahu. „Bloková kategorie“ zhruba odpovádá kategorii flow content z HTML5, zatímco „řádková“ odpovídá kategorii phrasing content, existují ale i další kategorie.
Elementy
Následuje kompletní seznam všech blokových elementů HTML (ačkoli technicky nejsou „blokové elementy“ v HTML5 definovány.)
<address>- Kontaktní údaje
<article>HTML5- Obsah článku
<aside>HTML5- Postranní obsah
<audio>HTML5- Přehrávač zvuku
<blockquote>- Dlouhá („bloková“) citace
<canvas>HTML5- Kreslicí plátno
<dd>- Popis definovaného termínu
<div>- Oddíl dokumentu
<dl>- Definiční seznam
<fieldset>- Sekupení formulářových polí.
<figcaption>HTML5- Popis symbolu.
<figure>HTML5- Seskupuje symbol (obrázek, schéma, tabulku) s popiskem (viz
<figcaption>). <footer>HTML5- Patička sekce nebo stránky
<form>- Formulář
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>- Nadpisy úrovní 1–6
<header>HTML5- Hlavička sekce nebo stránky
<hgroup>HTML5- Seskupuje hlavičkové informace.
<hr>- Vodorovná (dělící) čára
<main>- Obsahuje hlavní obsah, jedinečný pro svůj dokument.
<nav>- Obsahuje navigační odkazy.
<noscript>- Obsah, který se zobrazí, pokud není povoleno nebo podporováno skriptování.
<ol>- Seřazený (číslovaný) seznam
<output>HTML5- Výstup formuláře
<p>- Odstavec
<pre>- Předformátovaný text
<section>HTML5- Sekce webové stránky
<table>- Tabulka
<tfoot>- Patička tabulky
<ul>- Neřazený seznam
<video>HTML5- Přehrávač videa