^

Monday, November 7, 2011

What's New in HTML5?

 

Hi guys, this time, I want to share about HTML5, and why HTML5 is needed to create a game. This is the deferences about HTML5 and the previous version (HTML4.01). There is a lot of new feature in HTML5, and very-very awesome feature that make us possible to create a game with HTML5.


What's new in HTML5?
  • New Structural Elements
We now have access to elements like  <section>, <header>, <hgroup>, <footer>, <nav>, <article>, and <aside>. Each of these new elements has a unique purpose to help us separate section on the web page.
  • New Content Elements
    • Figure Tag
    • Figcaption Tag
    • Mark Tag
    • Time Tag
  • New Media Elements
    • Audio Tag
    • Video Tag
    • Canvas Tag 

 Try it Yourself, the New HTML5!
  • New Structural Elements Example
<!DOCTYPE html> 
<html> 
<head> 
   <title>New HTML Structure By www.FireCreature.com</title> 
   <meta charset="utf-8"> 
</head> 
<body> 
    <header> 
    <h1>My amazing blog</h1>
     <nav> 
     <ul> 
     <li><a href="/">Home</a></li> 
     <li><a href="/archive/">Archive</a></li> 
     <li><a href="/about/">About</a></li> 
     <li><a href="/contact/">Contact</a></li> 
     </ul> 
     </nav> 
    </header>
    <section> 
     <article> 
       <header> 
          <hgroup> 
             <h1><a href="/blog/first-post-link/">Main heading of the first blog post</a></h1> 
             <h2>Sub-heading of the first blog post</h2> 
          </hgroup> 
          <p>Posted on the <time pubdate datetime="2010-10-30T13:08">30 October 2010 at 1:08 PM</time></p> 
       </header> 
       <p>This is the first blog post.</p> 
      </article> 
 
      <aside> 
        <h2>Subscribe to the RSS feed</h2> 
        <p>Keep updated to my blog post by <a href="http://www.firecreature.com/feeds/posts/default">subscribing to the RSS 

feed</a>.</p> 
      </aside> 
     </section> 
     <footer> 
     <!-- Copyright --> 
     <p><a href="http://www.firecreature.com">Fire Creature &copy; 2012</a></p> 
     </footer> 
</body> 
</html>

I'll cover the New Content Elements and New Media Elements in my Next Post. : )

Keyword (Indonesia) : perbedaan html5, apa yang baru dari html5, contoh penggunaan html5
Written by at 7:46 PM
Category:
Related Posts Plugin for WordPress, Blogger...

6 comments:

  1. BlogS of HariyantoNovember 9, 2011 at 8:28 AM

    happy visiting here,
    great blog and nice share information :) thanks

    ReplyDelete
  2. BangdosNovember 9, 2011 at 9:46 PM

    @BlogsOfHariyanto : Thanks...

    ReplyDelete
  3. Heiji HattoriNovember 10, 2011 at 9:56 AM

    Bru bljar web,kena dropdown layernya ketutupan ma konten. . .T.T
    can u help me?? ^.^"

    fto menyusul. . .

    ReplyDelete
  4. BangdosNovember 10, 2011 at 9:07 PM

    @Heiji : Wkwkwkw, CSS a boy? Ganti nilai Z-Index nya aja dengan nilai yang lebih besar dari Z-index nya Content. Ntar Dropdownya pasti di atas content.

    ReplyDelete
  5. Blog Yahyagan | Web Design | SEO Tutorial | Blogging Tutorial | Adsense TutorialDecember 20, 2011 at 7:23 AM

    html 5 emang lebih bagus ya? sudah ada belum sih template yang sudah HTML 5 haha ingin. nice blog, nice posting

    ReplyDelete
  6. BangdosDecember 21, 2011 at 7:21 PM

    @Yahyagan: Iya, html5 emang kelihatan elegan kalau buat desain web. Hmmm, kalau template kurang tau, kalau resource tentang html5 banyak di situsnya google http://www.html5rocks.com

    ReplyDelete

Subscribe to: Post Comments (Atom)