Definiční seznam v HTML: Porovnání verzí
Z Znalosti
m |
m |
||
| (Není zobrazeno 6 mezilehlých verzí od stejného uživatele.) | |||
| Řádek 1: | Řádek 1: | ||
[[Kategorie:HTML]] | [[Kategorie:HTML]] | ||
(Převzato z [http://jecas.cz/seznamy#dl HTML seznamy]) | (Převzato z [http://jecas.cz/seznamy#dl HTML seznamy]) | ||
| − | === Definiční seznam <dl> === | + | === Definiční seznam <nowiki><dl></nowiki> === |
Definiční seznam je něco mezi nečíslovaným seznamem a jednoduchou tabulkou o dvou sloupcích. | Definiční seznam je něco mezi nečíslovaným seznamem a jednoduchou tabulkou o dvou sloupcích. | ||
Hodí se pro případy, kde existují dvojice typu ''termín — definice''. | Hodí se pro případy, kde existují dvojice typu ''termín — definice''. | ||
| − | <dl> | + | <nowiki><dl></nowiki> |
| − | <dt>Je čas</dt> | + | <nowiki><dt></nowiki>Je čas<nowiki></dt></nowiki> |
| − | <dd>Web o moderní tvorbě webových stránek</dd> | + | <nowiki><dd></nowiki>Web o moderní tvorbě webových stránek<nowiki></dd></nowiki> |
| − | </dl> | + | <nowiki></dl></nowiki> |
| − | Samotná značka ''<dl>'' (''definition list'') tedy slouží jako obal pro značky ''<dt>'' a ''<dd>'' – podobně jako ''<ul>'' a ''<ol>'' je obal pro ''<li>''. | + | Samotná značka ''<nowiki><dl></nowiki>'' (''definition list'') tedy slouží jako obal pro značky ''<nowiki><dt></nowiki>'' a ''<nowiki><dd></nowiki>'' – podobně jako ''<nowiki><ul></nowiki>'' a ''<nowiki><ol></nowiki>'' je obal pro ''<nowiki><li></nowiki>''. |
| − | <dt> (''definition term'') | + | <nowiki><dt></nowiki> (''definition term'') |
Označuje termín, který se bude definovat. | Označuje termín, který se bude definovat. | ||
| − | <dd> (''definition description'') | + | <nowiki><dd></nowiki> (''definition description'') |
Obsahuje popis dříve definovaného termínu. | Obsahuje popis dříve definovaného termínu. | ||
| − | K jednomu termínu (''<dt>'') může být více definic (''<dd>''), stejně tak více termínů může mít jedinou definici nebo více termínů může mít více definic. | + | K jednomu termínu (''<nowiki><dt></nowiki>'') může být více definic (''<nowiki><dd></nowiki>''), stejně tak více termínů může mít jedinou definici nebo více termínů může mít více definic. |
| − | <dl> | + | <nowiki><dl></nowiki> |
| − | <dt>Je čas</dt> | + | <nowiki><dt></nowiki>Je čas<nowiki></dt></nowiki> |
| − | <dd>Web o moderní tvorbě webových stránek</dd> | + | <nowiki><dd></nowiki>Web o moderní tvorbě webových stránek<nowiki></dd></nowiki> |
| − | <dd>Nějaký další význam</dd> | + | <nowiki><dd></nowiki>Nějaký další význam<nowiki></dd></nowiki> |
| − | </dl> | + | <nowiki></dl></nowiki> |
| − | Výchozí vzhled definičního seznamu odsazuje zleva popis (''<dd>''), definice a popis jsou potom na zvláštních řádcích – všechny tři značky definičního seznamu jsou blokové (''display: block''). | + | Výchozí vzhled definičního seznamu odsazuje zleva popis (''<nowiki><dd></nowiki>''), definice a popis jsou potom na zvláštních řádcích – všechny tři značky definičního seznamu jsou blokové (''display: block''). |
| − | Pomocí [http://jecas.cz/float obtékání] jde ''<dt>'' a ''<dd>'' umístit i vedle sebe. | + | Pomocí [http://jecas.cz/float obtékání] jde ''<nowiki><dt></nowiki>'' a ''<nowiki><dd></nowiki>'' umístit i vedle sebe. |
=== HTML značky v definičních seznamech === | === HTML značky v definičních seznamech === | ||
| − | Do značek ''<dt>'' a ''<dd>'' jde umístit prakticky jakýkoliv další element nebo další definiční seznam. | + | Do značek ''<nowiki><dt></nowiki>'' a ''<nowiki><dd></nowiki>'' jde umístit prakticky jakýkoliv další element nebo další definiční seznam. |
=== Využití === | === Využití === | ||
Kromě vysvětlování pojmů bývají definiční seznamy někdy používány i pro: | Kromě vysvětlování pojmů bývají definiční seznamy někdy používány i pro: | ||
| Řádek 35: | Řádek 35: | ||
==== Formuláře ==== | ==== Formuláře ==== | ||
Políčko: | Políčko: | ||
| − | <dl> | + | <nowiki><dl></nowiki> |
| − | <dt><label for="policko">Políčko</label></dt> | + | <nowiki><dt></nowiki><label for="policko">Políčko</label><nowiki></dt></nowiki> |
| − | <dd><input id="policko" type="text"></dd> | + | <nowiki><dd></nowiki><input id="policko" type="text"><nowiki></dd></nowiki> |
| − | </dl> | + | <nowiki></dl></nowiki> |
==== Diskusní příspěvky / komentáře: ==== | ==== Diskusní příspěvky / komentáře: ==== | ||
| − | Autor | + | Autor<br /> |
| − | + | <nowiki> Text příspěvku</nowiki> | |
| − | <dl> | + | <nowiki><dl></nowiki> |
| − | <dt>Autor</dt> | + | <nowiki><dt></nowiki>Autor<nowiki></dt></nowiki> |
| − | <dd>Text příspěvku</dd> | + | <nowiki><dd></nowiki>Text příspěvku<nowiki></dd></nowiki> |
| − | </dl> | + | <nowiki></dl></nowiki> |
==== Seznam zdrojů: ==== | ==== Seznam zdrojů: ==== | ||
| − | HTML seznamy | + | HTML seznamy<br /> |
| − | + | <nowiki> Kompletní přehled používání seznamů v HTML</nowiki> | |
| − | <dl> | + | <nowiki><dl></nowiki> |
| − | <dt><a href="/seznamy">HTML seznamy</a></dt> | + | <nowiki><dt><a href="/seznamy">HTML seznamy</a></dt></nowiki> |
| − | <dd>Kompletní přehled používání seznamů v HTML</dd> | + | <nowiki><dd></nowiki>Kompletní přehled používání seznamů v HTML<nowiki></dd></nowiki> |
| − | </dl> | + | <nowiki></dl></nowiki> |
Aktuální verze z 7. 7. 2016, 15:08
(Převzato z HTML seznamy)
Obsah
Definiční seznam <dl>
Definiční seznam je něco mezi nečíslovaným seznamem a jednoduchou tabulkou o dvou sloupcích.
Hodí se pro případy, kde existují dvojice typu termín — definice.
<dl> <dt>Je čas</dt> <dd>Web o moderní tvorbě webových stránek</dd> </dl>
Samotná značka <dl> (definition list) tedy slouží jako obal pro značky <dt> a <dd> – podobně jako <ul> a <ol> je obal pro <li>.
<dt> (definition term) Označuje termín, který se bude definovat. <dd> (definition description) Obsahuje popis dříve definovaného termínu.
K jednomu termínu (<dt>) může být více definic (<dd>), stejně tak více termínů může mít jedinou definici nebo více termínů může mít více definic.
<dl> <dt>Je čas</dt> <dd>Web o moderní tvorbě webových stránek</dd> <dd>Nějaký další význam</dd> </dl>
Výchozí vzhled definičního seznamu odsazuje zleva popis (<dd>), definice a popis jsou potom na zvláštních řádcích – všechny tři značky definičního seznamu jsou blokové (display: block).
Pomocí obtékání jde <dt> a <dd> umístit i vedle sebe.
HTML značky v definičních seznamech
Do značek <dt> a <dd> jde umístit prakticky jakýkoliv další element nebo další definiční seznam.
Využití
Kromě vysvětlování pojmů bývají definiční seznamy někdy používány i pro:
Formuláře
Políčko:
<dl> <dt><label for="policko">Políčko</label></dt> <dd><input id="policko" type="text"></dd> </dl>
Diskusní příspěvky / komentáře:
Autor
Text příspěvku
<dl> <dt>Autor</dt> <dd>Text příspěvku</dd> </dl>
Seznam zdrojů:
HTML seznamy
Kompletní přehled používání seznamů v HTML
<dl> <dt><a href="/seznamy">HTML seznamy</a></dt> <dd>Kompletní přehled používání seznamů v HTML</dd> </dl>
