HTML/HTML5: verschil tussen versies
Verwijderde inhoud Toegevoegde inhoud
html5 shiv |
Voorbeeld documentstructuur |
||
Regel 7:
Html5 bevat niet alleen nieuwe elementen, maar herdefinieert ook sommige elementen en attributen, zodat het eenvoudiger wordt om html-code te schrijven, en sneller om een pagina te laden in de browser. Bovendien is er een uitgebreide ondersteuning voor interactiviteit en grafische elementen zonder dat er externe API aan te pas komen.
==
In plaats van onderverdelingen te maken met DIV met een ID, kan men nu eenvoudiger gebruik maken van opmaakcontainers header, hgroup, nav, section, article, aside, footer.▼
Andere semantische elementen zijn figure, figcaption, time (Gregoriaanse kalender met 24-uursaanduiding), mark.▼
{{Code
| Taal=HTML 5
| Titel=documentstructuur van een html5-pagina
| Code=
<source lang=html5>
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<title>documentstructuur van een html5-pagina</title>
<link rel="stylesheet" href="css3.css" type="text/css">
<!--[if lt IE9]>
<script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
</head>
<body>
<header>
<h1>Hoofdtitle testpagina</h1>
<h2>Ondertitel met meer uitleg</h2>
</header>
<nav>
<h2>Navigatielinken</h2>
<ul>
<li><a href="link1.htm">link1</a></li>
<li><a href="link2.htm">link2</a></li>
<ul>
</nav>
<section>
<article>
<h2>Artikel</h2>
<p>paragraaftekst</p>
<figure>
<a href=""><img src="" alt="figuur"></a>
</figure>
</article>
</section>
<aside>
<h2>Gerelateerde inhoud</h2>
<ul>
<li><a href="link3.htm">link3</a></li>
<li><a href="link4.htm">link4</a></li>
<ul>
<aside>
<footer>
<p>Copyright <time>2014</time>
Alle rechten voorbehouden.
<mark>Voornaam Achternaam Auteur</mark></p>
</footer>
</body>
</html>
</source>
}}
==Elementen==
===herwerking===
Deze oude elementen werden geherdefinieerd:
* dl, dd, dt: definition list, details, details
Regel 20 ⟶ 79:
* menu: user interface met menukeuzes, toolbars, formulierknoppen
===vervanging===
Onderstaande elementen werden verwijderd van de officiële specificatie, omdat ze enkel op de tekstopmaak slaan zonder semantische betekenis. Het is mogelijk dat sommige browser ze nog enige tijd zullen blijven ondersteunen:
*center: wordt vervangen in CSS door ''text-align:center'' of ''margin:auto''
Regel 43 ⟶ 103:
* frame, height, link, rules: verwijderd
==Content types==
Regel 53 ⟶ 112:
* Metadata: script, link, style, command, title
* Phrasing: mark, input, kbc, sub, sup
==Gebruikersinteractie==
Regel 114 ⟶ 169:
e.dataTransfer.setData("text/html","tekst en html-code");
</pre>
▲In plaats van onderverdelingen te maken met DIV met een ID, kan men nu eenvoudiger gebruik maken van header, hgroup, nav, section, article, aside, footer.
▲Andere semantische elementen zijn figure, figcaption, time (Gregoriaanse kalender met 24-uursaanduiding), mark.
==Hulpmiddelen==
| |||