HTML5 logo
HTML5 คืออะไร ? หลายๆท่านน่าจะคุ้นหรือรู้จักกับ ภาษา HTML มาบ้างพอสมควร ซึ่ง HTML5 คือภาษารุ่นต่อไปของ HTML ที่ใช้สำหรับการจัดโครงสร้างและการนำเสนอเนื้อหาของเว็บไซต์ ซึ่งจะเป็นมาตรฐานใหม่สำหรับ HTML, XHTML, และ HTML DOM

กฎบางอย่างสำหรับ HTML5

  • คุณลักษณะใหม่จะอยู่บนพื้นฐานของ HTML, CSS, DOM และ JavaScript
  • ช่วยลดความจำเป็นสำหรับปลั๊กอินภายนอก (เช่น Flash)
  • การจัดการข้อผิดพลาดที่ดีกว่า
  • มาร์กอัปเพิ่มเติมเพื่อแทนที่การเขียนสคริปต์ พูดง่ายๆคือ แนะนำ element ใหม่เพื่อทดแทนตัวที่เราเคยใช้งานกันอยู่ เช่น <div> หรือ <span> ยกตัวอย่างเช่น <nav>(สำหรับส่วนของเมนู) และ<footer>(สำหรับส่วนล่างของเว็บไซต์) เป็นต้น
  • HTML5 ควรจะเป็นอิสระกับอุปกรณ์ไม่ยึดติดกับอุกรณ์
  • กระบวนการในการพัฒนาที่ควรจะปรากฏแก่สาธารณะชน

จุดเด่นของ HTML5

  • element สำหรับการวาดภาพการตกแต่งภาพ ไม่ต้องพึ่ง flash หรือไม่ต้องพึ่งปลั๊กอินภายนอก
  • element วิดีโอและเสียง ไม่ต้องพึ่งปลั๊กอินภายนอก เช่น window media player ฯลฯ เป็นต้น
  • สนับสนุนในเรื่องการเก็บไฟล์ในลักษณะออฟไลน์ (Better support for local offline storage)
  • element ใหม่สำหรับเนื้อหาที่แบ่งเป็นส่วนๆหรือระบุความหมายของแต่ละส่วน article, footer, header, nav, section
  • เพิ่มความสะดวกในส่วนของ form เช่น มี input สำหรับ ปฏิทิน, วันที่, เวลา, อีเมล์, URL, การค้นหา เป็นต้น
<header id="page-header">
    <h1>Site title</h1>
    <form>Search</form>
    <nav class="site-nav">
        <ul>Site navigation</ul>
    </nav>
</header>
<section id="main-content">
    <article>
        <h1>Article title</h1>
        <p>Summary</p>
    </article>
    <article>
        <h1>Article title</h1>
        <p>Summary</p>
    </article>
    <article>
        <h1>Article title</h1>
        <p>Summary</p>
    </article>
</section>
<aside class="sidebar">
    <section>
        <h2>Blogroll…</h2>
    </section>
    <section>
        <h2>Photos…</h2>
    </section>
</aside>
<footer id="page-footer">
    <h2>Footer</h2>
</footer>

Browser ที่รองรับ HTML5

HTML5 ยังไม่ได้เป็นภาษาที่เป็นมาตรฐานอย่างเป็นทางการ และเบราว์เซอร์ก็ยังไม่ได้รับการสนับสนุน HTML5 อย่างเต็มรูปแบบ แต่บราวเซอร์หลักๆ อย่างเช่น IE, Chrome, Firefox, Opera, Safari ก็เริ่มพัฒนาให้รองรับกับภาษา HTML5 กันมากขึ้น จะเห็นได้จากเวอร์ชันล่าสุดของแต่ละบราวเซอร์จะเริ่มรองรับ HTML5 กันบ้างแล้ว

ตรวจสอบบราวเซอร์ที่รองรับ HTML5 http://html5inth.com/ตรวจสอบ-browser-รองรับ-html5/