header, afdeling, artikel, voettekst en html5

HTML5 introduceert nieuwe tags en dat maakt een heel zinnig. Niet langer zal elke afdeling van een pagina moeten worden gespeculeerd over het doel ervan, en de nieuwe tag namen hebben ingebouwd inch Ik ga een kijkje nemen naar wat deze twee tags bedoel, en hoe de uitvoering ervan. Opmerking: Dit artikel zal worden geschreven op basis van de huidige concepten en de uitvoering en de definitie aan verandering onderhevig zijn.

Kop: De <header> tag definieert de header van een sectie of document.

Afdeling: De <section> tag definieert secties in een document. Zoals hoofdstukken, headers, footers, of enige andere gedeelten van het document.

Artikel: De <article> tag definieert externe inhoud. Zoals een nieuwsartikel nieuws vanuit een externe provider, of tekst uit een weblog (blog), of tekst uit een forum. Of een andere inhoud van een externe bron

Footer: De <footer> tag definieert de voettekst van een sectie of document. Doorgaans bevat de naam van de auteur, de datum waarop het document is geschreven en / of contactinformatie.

Het lijkt nogal self explanitory. Vanaf nu is een te vereenvoudigde versie van een blog lay-out mag er zo uitzien:

  <div id = "header"> Blogtitel, blog links, enzovoort </ div> 
    <div id = "content"> 
      <div class = "post" id = "1"> Post inhoud </ div> 
      <div class = "post" id = "2"> Post inhoud </ div> 
      <div class = "post" id = "3"> Post inhoud </ div> 
    </ div> 
  <div id = "footer"> voettekst inhoud, links, copyright </ div> 

Dit is natuurlijk niet de volledige pagina, maar je krijgt het idee. Zodra html5 wordt aangenomen, zal deze er als volgt uit:

  <header> Blogtitel, blog links, enzovoort </ header> 
    <section id = "content"> 
      <article id = "1"> Post inhoud </ article> 
      <article id = "2"> Post inhoud </ article> 
      <article id = "3"> Post inhoud </ article> 
    </ section> 
  <footer> voettekst inhoud, links, copyright </ voettekst> 

Dat lijkt niet zo hard. Sterker nog, ik durf te wedden dat ik kon "upgrade" een hele WordPress thema in een uur te html5 syntax. Wat betekent dit voor ontwikkelaars? Wel, de waarheid is, absoluut niets op dit moment. HTML 5 wordt niet ondersteund in de huidige browsers, en waarschijnlijk niet zal worden voor enige tijd in beslag. Opera 9.5, Firefox 3, en Safari 3.x een handvol html5 functies (namelijk het canvas element), maar geen van deze tags hierboven.

Wat het betekent voor de toekomst, is gewoon webpagina's die meer voor de hand liggen, gemakkelijkere leesbaarheid. Ook met dezelfde inhoud, zijn er 30 minder tekens die moeten worden getypt. 30 bytes Keer 1000: 30 MB aan bandbreedte bespaard per duizend pagina wordt geladen. Dit betekent ook schoner en makkelijker te lezen stylesheets. Over het geheel genomen pagina's, zoals een standaard blog pagina zal het alleen veel efficiënter. Dit is prachtig nieuws voor ontwikkelaars en eindgebruikers komen.

Bronnen: http://www.w3schools.com, http://blog.whatwg.org/, http://www.w3.org/html/wg/html5/

Struikelen it!

Post Info

Dit item is gepost op maandag, 28 april, 2008 en wordt ingediend op grond van ontwerp, ontwikkeling, html5, web 2.0. Het heeft 261 views

Tags: html5, tags, web design, whatwg, wordpress

Reacties Feed. | Laat Comment | Laat Trackback.

Vorige Post: Plaats advertenties op de Top van uw advertenties - Adbrite advertentienetwerk »
Volgende Post: Black Flip Phone! »

Meest bekeken posts