2010 8 januari 2010

Wat zal HTML5 brengen?

HTML5 is nog een ontwerp. Terwijl ik dit schrijf, werk aan HTML 5, dat in 2004, wordt nog steeds vormgegeven door een gezamenlijke inspanning van de W3C HTML WG en de WHATWG . Het woord is dat de next-gen HTML zullen verbeteringen en functies, die nieuwe structuur en semantiek, formulierelementen, API's, multimedia-labels enz..

In eenvoudig Engels ... wat zou het betekenen voor ons UI ontwikkelaars ...

  • Er zal toevoeging van een aantal structurele labels te weten. <article>, <section>, <header>, <aside> en <nav>, die de meerderheid van <div> s gebruikt op een webpagina zou vervangen, het maken van uw pagina's een beetje meer semantische, maar nog belangrijker is, gemakkelijker lezen.
    Hey! Stelt u zich eens de moeite opgeslagen in het vinden van die ene ontbrekende dicht DIV tag.
    bv
  <body>
   <header> ... </ header>
   <nav> ... </ nav>
   <article>
     <section>
       ...
     </ Section>
   </ Article>
   <aside> ... </ terzijde>
   <footer> ... </ voettekst>
 </ Body> 

In plaats van

  <body>
   <div id="header"> ... </ div>
   <div id="nav"> ... </ div>
   <div class="article">
     <div class="section">
       ...
     </ Div>
   </ Div>
   <div id="aside"> ... </ div>
   <div id="footer"> ... </ div>
 </ Body> 
  • Met de komst van audio-en video-inhoud, zoals YouTube, het gebruik van embedded multimedia op de website heeft increaded door vouwen. Hiermee rekening houdend, nu het plan is om native ondersteuning toe te voegen voor het inbedden van video en audio in de browser zelf, en dus kunnen gebruikers afspelen, pauzeren, stoppen, te zoeken, en het volume aanpassen met behulp van de ingebouwde DOM API's voor scripts om het afspelen te besturen.

bv

  <video poster="poster.jpg">
     <Source src = "video.3gp" type = "video/3gpp"
     media = "handheld">
         <source src="video.mp4" type="video/mp4">
 </ Video>
 <audio>
   <source src="music.oga" type="audio/ogg">
   <source src="music.mp3" type="audio/mpeg">
 </ Audio> 
  • Beter gedefinieerde semantische rollen voor bestaande elementen voor bijvoorbeeld. <strong> en <em> kan nu daadwerkelijk een verschillende betekenis hebben dat wil zeggen zij anders zullen gedragen.

Er zijn veel meer wijzigingen / upgrades naar de nieuwere versie ... Zal een update van dit bericht als ik kom overkant van een interessante nuttige degenen .... Watch this space

Dit document mag niet accurate informatie als de HTML 5-specificatie is nog steeds actief in ontwikkeling. Bij twijfel altijd even op de hier HTML 5-specificatie .


NDK huis | Te drukken | Het uiten van Smaak | Het uiten van Penmenship | Het uiten van Awe | Het uiten van Myself