ARSIP BLOG

Home Pengenalan Dasar - Dasar HTML 6

Pengenalan Dasar - Dasar HTML 6


Teknologi memang berkembang begitu cepat, terkadang kita kewalahan untuk mengikuti nya. Belum juga kita selesai mempelajari HTML5 dengan baik dan benar, sekarang sudah mau muncul lagi HTML6, yaitu versi terbaru dari HTML.
HTML5 telah memberi kita beberapa fitur yang sangat menarik seperti audio dan dukungan video, penyimpanan offline/ Offline Storage dan yang paling penting kemampuan untuk membangun website yang bisa optimal di mobile. Selain itu, html5 memberikan kita kebebasan dalam menggunakan atribut dari tag seperti <code> dan <script>. Selain itu, HTML5 membantu developer untuk mengatur konten dengan cara yang lebih relevan dengan menggunakan tag baru seperti <article>, <section>, <header> dll. Namun, HTML5 masih dalam tahap pengembangan dan bukan sesuatu yang sudah final, belum menjadi markup yang terlalu semantik.
HTML6 adalah versi ke-6 dari HTML dengan namespace yang memiliki struktur seperti XML. Namespace XML akan membantu anda menggunakan tag yang sama tanpa bertentangan/berbenturan atau bisa dibilang tanpa konflik dengan tag lain. Misalnya salah satu yang digunakan dalam DOCTYPE XHTML:

HTML6 akan memberikan kita manfaat untuk menggunakan tag yang kita inginkan dan tidak perlu hanya menggunakan tag yang sudah didefinisikan.

Contoh Kode dan Struktur HTML6

<!DOCTYPE html>
<html:html>
    <html:head>
        <html:title>A Look Into HTML6</html:title>
        <html:meta type="title" value="Page Title">
        <html:meta type="description" value="HTML example with namespaces">
        <html:link src="css/mainfile.css" title="Styles" type="text/css">
        <html:link src="js/mainfile.js" title="Script" type="text/javascript">
    </html:head>
    <html:body>
        <header>
            <logo>
                <html:media type="image" src="images/xyz.png">
            </logo>
            <nav>
               <html:a href="/img1">a1</a>
               <html:a href="/img2">a2</a>
             </nav>
        </header>
        <content>
            <article>
                <h1>Judul Artikel</h1>
                <h2>Sub judul artikel</h2>
                <p>[...]</p>
                <p>[...]</p>
            </article>
            <article>
                <h1>The concept of HTML6</h1>
                <h2>Understanding the basics</h2>
                <p>[...]</p>
               </article>
        </content>
        <footer>
            <copyright>This site is © to Tutorial-Webdesign.com 2014</copyright>
        </footer>
    </html:body>
</html:html>
Melihat dokumen HTML6 diatas anda akan melihat beberapa tag aneh seperti <html:x>. Tag itu adalah namespaced element milik W3C danHTML6 spec, dan akan memicu tindakan di browser. Sebagai contoh, tag<html:title> akan mengubah judul bar browser anda dan <html:media>akan membantuk membuat gambar yang yang sudah didefinisikan agar muncul di layar browser. Bagian yang terbaik adalah bahwa semua elemen ini secara khusus ditetapkan untuk pengguna dan tidak ada hubungan dengan browser. Mereke tidak lebih hanya hooks untuk Javascript dan stylesheet dan membantu untuk membuat contoh kode anda lebih semantik.

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Eris DSR Designed by Templateism | Blogger Templates Copyright © 2014

Theme images by richcano. Powered by Blogger.