sitemap | terug naar het html5 referentie - tags - overzicht
Deze tekst staat in de broncode onder de aside-tag. Ondanks dat zal de tekst vóór en links van de aside op de pagina getoond worden. De browser behoort dit "geruisloos" te regelen. Omdat er browsers zijn die nog niet html5 geheel ondersteunen, is er op deze pagina een stukje javascript toe-gevoegd om ook dié browsers dit nieuwe kunstje aan te leren. Het javascriptje staat hieronder, en dient in de head-sectie van de pagina geplaatst te worden vóór de stylesheet die ook gelijk in de code hieronder is opgenomen. Het enige wat je verder moet doen is de layout van jouw pagina dusdanig inrichten dat de aside op de juiste plaats terecht komt en doet waar de aside voor bedoeld is. Om op dat laatste punt terug te komen: aside is niet bedoeld om menu's en dergelijken te maken. Daar zijn andere html5 "zaken" voor bedoeld. Nog even over de opbouw van deze pagina: Eerst komt de <aside>(hier de tekst van de aside)</aside> en daaronder een <p>(hier een gerelateerde paragraph)</p>.
<!--[if IE]>
<script>
(function(){
var html5_elementen = "aside|command|header".split('|');
for(var i = 0; i < html5_elementen.length; i++){
document.createElement(html5_elementen[i]);}})();
</script>
<![endif]-->
<style type="text/css">
aside{
font-style:italic;
color:#0000ee;
background:inherit;
margin:0 20px 8px 20px;
float:right;
width:30%}
</style>