Pengenalan HTML5

  • Post
    codeorayo
    Keymaster
    none
    Pada tutorial kali ini akan membahas tentang pengenalan HTML5

    Versi HTML saat ini adalah HTML5. HTML5 membawa banyak sekali fitur baru yang dibutuhkan oleh Developer. Seperti memasukan Video ke dalam halaman website, yang kalau dulu untuk memasukan Video saja, maka Developer harus menggunakan Javascript. HTML5 telah merangkum segala keluh kesah Developer.

    Di bawah ini adalah logo dari HTML5.

    [img width=150,height=150]http://lautankode.com/wp-content/uploads/2017/12/HTML5-512×512-150×150.png[/img]

    Apa saja yang baru dalam HTML5 ?HTML5 memiliki deklarasi DOCTYPE yang sangat simple :

    [table]

    [tr]

    [/tr]

    [/table]

    [td]1
    [/td]
    [td]
    [/td]

    Deklarasi encoding (charset) yang sederhana :

    [table]

    [tr]

    [/tr]

    [/table]

    [td]1
    [/td]
    [td]
    [/td]

    Dulu para Developer memisahkan bagian website menggunakan elemen 

    , yakni

    • , untuk bagian header.
    • , untuk bagian navbar.
    • , untuk bagian content / body.
    • , untuk bagian footer.


      namun sekarang masalah itu terpecahkan oleh HTML5. Dimana HTML5 sudah menyediakan elemen tersendiri untuk bagian – bagian website tersebut. Yakni :

      • tag

        , untuk bagian header.
      • tag

      • tag

        , untuk bagian artikel website seperti post.
      • tag

        , untuk bagian footer.
      • tag

        , untuk memilah – milah bagian konten. Seperti section artikel 1, section artikel 2, section artikel 3, dll.


        Elemen di atas, dikenal dengan istilah elemen Semantic pada HTML5. Element Semantic adalah elemen yang memiliki makna, namun tidak memberikan efek pada konten website.

        Tidak hanya Pendeklarasian baru, dan elemen Semantic yang dibawa oleh HTML5. HTML5 juga mendatangkan fitur baru seperti.

        1. Geolocation.

        2. Drag & Drop.

        3. Local Storage.

        4. Application Cache.

        5. Web Workers


          Berikut table perkembangan HTML5 dari tahun ke tahun :

          [table]

          [tr]

          [/tr]

          [tr]

          [/tr]

          [tr]

          [/tr]

          [tr]

          [/tr]

          [tr]

          [/tr]

          [tr]

          [/tr]

          [tr]

          [/tr]

          [tr]

          [/tr]

          [tr]

          [/tr]

          [tr]

          [/tr]

          [tr]

          [/tr]

          [/table]

          [td]Version[/td][td]Year[/td]
          [td]Tim Berners-Lee invented www[/td][td]1989[/td]
          [td]Tim Berners-Lee invented HTML[/td][td]1991[/td]
          [td]Dave Raggett drafted HTML+[/td][td]1993[/td]
          [td]HTML Working Group defined HTML 2.0[/td][td]1995[/td]
          [td]W3C Recommended HTML 3.2[/td][td]1997[/td]
          [td]W3C Recommended HTML 4.01[/td][td]1999[/td]
          [td]W3C Recommended XHTML 1.0[/td][td]2000[/td]
          [td]HTML5 WHATWG First Public Draft[/td][td]2008[/td]
          [td]HTML5 WHATWG Living Standard[/td][td]2012[/td]
          [td]HTML5 W3C Final Recommendation[/td][td]2014[/td]

          https://www.lautankode.com/pengenalan-html-5/

        • You must be logged in to reply to this topic.