Elemente HTML <dl> si <details> ajuta la crearea de liste cu aspect ordonat si placut, cu o separare mai buna a continutului.
Elementul HTML <dl> ... </dl>
este folosit impreuna cu <dt> si <dd> pentru definirea si incadrarea unei liste de definitii.
- Tag-ul <dt> ... </dt> defineste elementul din lista care va avea definitii. Acesta va fi precedad de unul sau mai multe elemente <dd> ... </dd>, folosite pentru descrierea elementului definit.
<h4>Exemplu cu DL</h4> <dl> <dt>HTML</dt> <dd> - Hyper Text Markup Language</dd> <dd> - Limbaj pentru pagini web</dd> <dt>Dog</dt> <dd>dog = caine</dd> <dd>animal de casa</dd> </dl>
Tag-ul HTML <details>
specifica un cadru cu detalii pe care utilizatorul il poate deschide si inchide dupa cum vrea.
Acest element poate fi folosit pentru a crea liste interactive pe care utilizatorul le poate deschide si inchide (ca un efect tip acordeon).
Tag-ul <details> e un element de tip bloc, poate sa contina orice tip de continut si tag-uri HTML.
<h4>Exemplu cu tag-ul details</h4> <details> <p>Acesta e un paragraf adaugat in tag-ul details.</p> <img src='javascript/imgs/smile_gift.png' width='125' height='110' alt='Smile'/> </details>
<details>
se poatea adauga un tag <summary>
care specifica partea vizibila pe care se poate da clic ca sa se deschida si inchida 'details'.
<h4>Exemplu cu details si summary</h4> <details> <summary>Clic pentru a vedea detaliile</summary> <blockquote> Daruieste Pace si Bucurie, vei primi Fericire.<br> Iarta(-te), multumeste si iubeste, primesti ce si cum daruiesti. </blockquote> <img src='javascript/imgs/smile_gift.png' width='125' height='110' alt='Smile'/> </details>
Tag-ul <details> poate sa contina atributele standard (id, class, style) si atributul open
.
Cand atributul open
e adaugat, face elementul details vizibil (deschis).
<h4>Exemplu cu details open</h4> <details open> <summary>Astazi este</summary> <blockquote> Mereu, o zi minunata.<br> Prima zi din restul vietii tale. </blockquote> </details> <details> <summary>Cerinte Sistem</summary> <p>O minte linistita, inima curata, suflet iubitor.</p> <img src='javascript/imgs/smile_gift.png' width='125' height='110' alt='Smile'/> </details>
<nav><ul> <li><a href="http://coursesweb.net/css/" title="CSS Course">CSS Course</a></li> <li><a href="http://www.marplo.net/jocuri/" title="Flash Games">Flash Games</a></li> </ul></nav>
.some_class { width: 30%; float: left; }
var num = 12.34567; num = Math.floor(num); alert(num); // 12
$str = "sir cu caractere utf-8 åèö"; $nrchr = mb_strlen($str); echo $nrchr; // 29
When it happened? On the 8th of August 2001. - Cand s-a intamplat? Pe 8 August 2001.
¿Cuando sucedió? En el 8 de Agosto de 2001. - Cand s-a intamplat? Pe 8 August 2001.