Definiční seznam v HTML: Porovnání verzí

Z Znalosti
m
m
Řádek 6: Řádek 6:
  
 
Hodí se pro případy, kde existují dvojice typu ''termín — definice''.
 
Hodí se pro případy, kde existují dvojice typu ''termín — definice''.
 +
<nowiki>
 
  <dl>
 
  <dl>
 
   <dt>Je čas</dt>
 
   <dt>Je čas</dt>
 
   <dd>Web o moderní tvorbě webových stránek</dd>
 
   <dd>Web o moderní tvorbě webových stránek</dd>
 
  </dl>
 
  </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 ''<dl>'' (''definition list'') tedy slouží jako obal pro značky ''<dt>'' a ''<dd>'' – podobně jako ''<ul>'' a ''<ol>'' je obal pro ''<li>''.
  

Verze z 7. 7. 2016, 14:49

(Převzato z HTML seznamy)

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

(definition list) tedy slouží jako obal pro značky
a
– podobně jako
    a
      je obal pro
    1. .
      (definition term) Označuje termín, který se bude definovat.
      (definition description) Obsahuje popis dříve definovaného termínu. K jednomu termínu (
      ) může být více definic (
      ), stejně tak více termínů může mít jedinou definici nebo více termínů může mít více definic.
      Je čas
      Web o moderní tvorbě webových stránek
      Nějaký další význam
      Výchozí vzhled definičního seznamu odsazuje zleva popis (
      ), 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
      a
      umístit i vedle sebe.

      HTML značky v definičních seznamech

      Do značek
      a
      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:

      <label for="policko">Políčko</label>
      <input id="policko" type="text">

      Diskusní příspěvky / komentáře:

      Autor

         Text příspěvku
      
      Autor
      Text příspěvku

      Seznam zdrojů:

      HTML seznamy

         Kompletní přehled používání seznamů v HTML
      
      <a href="/seznamy">HTML seznamy</a>
      Kompletní přehled používání seznamů v HTML