Definitielijst

[monpas]

Ik ben net begonnen met een cursus website. Nu ben ik bezig met een definitielijst.
Nu is mijn vraag mag je tussen een <dt></dt> ook bijvoorbeeld een kop (of andere tags> gebruiken, dus bv <dt><h1>test<h/1></dt>?

 

[tecsman]

Een <hx> mag in ieder geval niet, want dat is een block element. In een <dt> mag je alleen een inline zaken als <b> of <span> opnemen (uiteraard wel in combinatie met de bijbehorende sluittag).

 

[csshunter]

To be (valid) or not to be (valid)

Hoi monpas,
Ja, alle tags hebben zo hun eigen geboden en verboden.

1. De html-validator
Als je dit soort dingen snel wilt weten, kan je het stukje code:

<dl>
   <dt><h1>test</h1></dt>
</dl>

even inplakken in de html-validator.
D.w.z.:

• Je gaat naar [url]http://validator.w3.org/[/URL] (voor in je favorieten-lijstje!).
• Je neemt het tabblad "Validate by direct input".
• Je plakt daar de code in.
• Je klikt op "More Options".
• Je kiest voor "Validate HTML fragment".
• Je vinkt nog even aan: "Show Source" en "Verbose Output".
• Je klikt op de knop "Check"!

En een tel later komt er uit rollen:

• "1 Error found while checking this document." > "document type does not allow element 'H1' here."

=======
2. De html-specificatie
Als je het uitgebreid wilt weten, ga je naar de html4.01 specificatie ([url]http://www.w3.org/TR/html401/[/URL]).
D.w.z.:

• Je gaat meteen door naar de "Full Table of Contents": [url]http://www.w3.org/TR/html401/#toc[/URL].
• Je gaat in je browser naar "zoeken op deze pagina".
• Je tikt in het zoekvakje in: "definition list".
• Je komt uit bij Hoofdstuk 10: "Lists - Unordered, Ordered, and Definition Lists".
• Je klikt op paragraaf 3: "Definition lists: the DL, DT, and DD elements".
• Je komt uit op deze pagina: [url]http://www.w3.org/TR/html401/struct/lists.html#h-10.3[/URL].
• In de beschrijving zie je o.a. staan: "The term is given by the DT element and is restricted to inline content."

Mocht je niet precies weten wat "inline content" is, dan kan je dat ook via de inhoudsopgave te weten komen ([url]http://www.w3.org/TR/html401/struct/global.html#h-7.5.3[/URL]).

Enz.! Er is nogal veel te lezen, en het is ook behoorlijk wennen aan het jargon!

Met vriendelijke groet,
CSShunter
__________
PS: Voor xhtml en html5 zijn er wat speciale regels, maar met de html4.01 specificatie kom je doorgaans een heel eind. En anders wijst de html-validator wel de weg.

Verder leesvoer over wat wel of niet te gebruiken bv.: Deprecated = achterhaald en niet meer gebruiken!

 

[monpas]

Bedankt voor deze informatie!