2010 8 januari 2010

Vad kommer HTML5 medföra?

HTML5 är fortfarande ett utkast. När jag skriver, Arbete på HTML 5, som inleddes år 2004, fortfarande ges form av en gemensam ansträngning mellan W3C HTML WG och WHATWG . Ordet är att nästa generations HTML kommer att ha förbättringar och funktioner, vilket skulle ny struktur och semantik, formulärkontroller, API, multimedia taggar osv.

På enkel engelska ... Vad skulle det betyda för oss UI utvecklare ...

  • Det kommer dessutom av vissa strukturstöd taggar dvs. <article>, <sektion>, <header>, <aside> och <nav>, som skulle ersätta de flesta av <div> s används på en webbsida, vilket gör sidorna lite mer semantisk, men ännu viktigare, lättare att läsa.
    Hey! Tänk arbetet sparas i slutsatsen att en saknad nära DIV tagg.
    t.ex.
  <body>
   <header> ... </ rubrik>
   <nav> ... </ nav>
   <article>
     <sektion>
       ...
     </ Sektion>
   </ Artikel>
   <aside> ... </ åt sidan>
   <footer> ... </ sidfot>
 </ Body> 

Istället för

  <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> 
  • Med tillkomsten av ljud-och videoinnehåll som YouTube, användning av inbäddade multimedia på webbsidan har increaded med gånger. Med hänsyn till detta, nu är planen att lägga inbyggt stöd för att bädda in video och ljud i webbläsaren själva, och därför möjligt för användare att spela upp, pausa, stoppa, söka, och justera volymen med inbyggda DOM API: er för skript för att styra uppspelningen.

t.ex.

  <video poster="poster.jpg">
     <Source src = "video.3gp" type = "video/3gpp"
     media = "handhållen">
         <source src="video.mp4" type="video/mp4">
 </ Video>
 <Audio>
   <source src="music.oga" type="audio/ogg">
   <source src="music.mp3" type="audio/mpeg">
 </ Ljud> 
  • Bättre definierade semantiska roller för befintliga element för t. ex. <strong> och <em> kan nu faktiskt ha olika betydelser dvs de kommer att bete sig annorlunda.

Det finns många fler ändringar / uppgraderingar till nyare version ... Kommer att hålla uppdatera denna post som jag kommer tvärs några intressanta användbara sådana .... Titta på detta utrymme

Detta dokument får inte ge korrekt information som HTML 5 specifikationen är fortfarande aktivt i utvecklingen. Om du är osäker, kontrollera alltid HTML 5 specifikationen här .


NDK hem | Att uttrycka IT | uttrycka Palate | uttrycka Penmenship | uttrycka Awe | uttrycka mig