sejarah html5 - ilmuti.orgilmuti.org/wp-content/uploads/2017/04/reni-resiani_sejarah-html5.pdf ·...

LisensiDokumen: Copyright © 2008-2017ilmuti.org

Seluruhdokumen di ilmuti.orgdapatdigunakan, dimodifikasidandisebarkansecarabebasuntuktujuanbukankomersial (nonprofit),

dengansyarattidakmenghapusataumerubahatributpenulisdanpernyataan copyright yang disertakandalamsetiapdokumen.

Tidakdiperbolehkanmelakukanpenulisanulang, kecualimendapatkanijinterlebihdahuludariilmuti.org

Sejarah HTML5

Reni Resiani Sunmaryati

[email protected]

Abstrak

HTML5 adalah suatu spesifikasi sebagai hasil perbaikan dari standard HTML

sebelumnya yang dikeluarkan oleh W3C (World Wide Web Consortium) dan partner

kerjanya yaitu web hypertext application technology working group. HTML 5 itu adalah

versi terbarunya dari HTML yang dibuat oleh World Wide Web Consortium (W3C).

Konsep pertamanya sudah dipublikasikan pada tahun 2008, tetapi tidak banyak yang

menggunakannya hingga tahun 2011. Pada tahun 2011, HTML5 diterbitkan sepenuhnya

dan orang-orang mulai menulis dan menggunakannya, namun penerapannya pada

masing-masing browser yang berbeda masih bisa dibilang buruk. Sekarang, seluruh

browser utama (Chrome, Safari, Firefox, Opera, IE) dapat mendukung HTML5,

sehingga teknologi HTML terbaru dapat digunakan dengan baik.

Kata Kunci: Teknologi, HTML5

Pendahuluan

Seiring dengan kemajuan perkembangan jaman, maka banyak yang sudah berubah

dibumi ini. HTML5 mulai dikenal oleh masyarakat pada tahun 2010 meskipun sudah

dikenal sejak lama oleh para pengembang web. Dengan adanya HTML5, adobe flash

sudah tidak dibutuhkan lagi untuk menyaksikan video di web. HTML5 dapat bekerja

dengan CSS3 dan masih dalam tahap pengembangan. Sejak peluncurannya, HTML5

selalu mengalami pengembangan, W3C terus menambahkan dan mengembangkan fitur-

fitur pada HTML5. Disini kita akan membahas lebih lanjut tentang HTML5.

mailto:[email protected]

http://www.w3.org/





Pembahasan

HTML5 adalah suksesor dari HTML 4.01 yang diterbitkan pertama kali tahun 1999.

Sejak saat itu, internet telah berubah secara signifikan dan kehadiran HTML5 terlihat

sangat diharapkan. HTML5 dikembangkan berdasarkan standard yang sudah diatur

sebelumnya :

Fitur-fitur baru harus berdasarkan HTML, CSS, DOM, dan JavaScript

Kebutuhan akan plugin external (seperti Flash) harus dikurangi

Penanganan error harus lebih mudah daripada versi sebelumnya

Scripting harus diganti dengan lebih banyak markup

HTML5 harus device-independent

Proses pengembangan harus dapat dilihat oleh public

Apa fitur terbaru dari HTML5

HTML5 dibuat untuk membuat proses coding menjadi lebih mudah dan logis. Fitur-

fitur unik dan mengesankan dari HTML5 datang di dalam departemen multimedia.

Banyak dari fiturnya yang yang dibuat dengan pertimbangan bahwa pengguna harus

dapat menjalankan konten berat (heavy content) dalam device dengan tenaga rendah

(low-powered device).

Pada HTML5 terdapat fitur elemen <video>, <audio> dan <canvas> , tetapi juga

integrasi dari konten gambar grafis vektor (yang sebelumnya kita ketahui dengan tag

<object>). Artinya, konten multimedia dan grafis dalam website akan dapat ditangani

dan dieksekusi dengan lebih mudah dan lebih cepat, tanpa membutuhkan plugin atau

API tambahan.

Tujuan utama dengan adanya HTML5 adalah mengurangi penggunaan plugin-plugin

3rd party pada HTML sehingga dapat mempercepat kinerja web itu sendiri. Plugin-

plugin tersebut seperti Adobe Flash, Microsft Silverlight, Java dan lain-lainnya.





Berikut adalah beberapa syntax yang ada pada HTML5 :

<article> – tag ini biasanya untuk menempatkan entry independent dalam sebuah

blog, majalah, ringkasan dan sebagainya. Biasanya terletak didalam section.

<aside> – tag aside pada HTML5 menunjukan konten yang berkaitan dengan

konten lainnya yang ada di sekitar nya. Biasanya side bisa digunakan untuk area

disebar pada sebuah blog.

<header> – Biasanya Header berfungsi untuk menentukan header dari website yang

berisi Logo atau Nama Website atau deskripsi website. Header juga bisa diletakkan

diantara <section>, untuk menandakan judul dari sebuah section

<footer> – Untuk menentukan bagian footer atau bagian bawah dari sebuah

website, biasanya berisi hak cipta dari sebuah website.

<nav> – tag ini digunakan untuk mendefinisikan area navigasi, biasanya berisi

daftar link.

<section> - Section biasanya digunakan untuk meletakkan konten, sebuah section

biasanya diletakkan setelah Header, dan sebelum Footer.

<audio>,<video> – jelas sekali ini adalah tag penanda untuk konten suara dan video

yang sekarang dapat lebih mudah dijalankan dari berbagai device

<embed> – tag baru ini berfungsi untuk menampilkan konten interaktif (plugin)

atau aplikasi eksternal

<canvas> – canvas tag ini cukup menarik, memungkinkan Anda menggambar

menggunakan script kode seperti JavaScript.

Perlu diingat bahwa tag HTML5 yang baru tidak selalu bekerja seperti yang

sebelumnya. Contohnya, header dan footer tag tidak hanya menandai awal dan akhir

dari sebuah halaman, tetapi juga dapat digunakan untuk awal dan akhir dari setiap

section yang ada. Ini artinya, kedua tag ini mungkin akan digunakan lebih dari sekali di





seluruh bagian halaman. HTML5 dibangun karena kesuksesan versi sebelumnya,

HTML 4.01, yang tanpa diragukan lagi merupakan versi yang terbaik.

HTML5 telah menyediakan banyak fungsi baru dan berbagai kemudahan tetapi apakah

browser kita mendukung teknologi baru ini? Kebanyakan browser yang terkenal seperti

Firefox, Opera, Safari dan Chrome dan lain-lain telah mendukung HTML5 kecuali

Internet Explorer.

Adapun kelebihan dan kelemahan dari HTML5:

Kelebihan:

1. Cleaner code

2. Greater consistency

3. Improve semantics

4. Improved accessibility

5. Client-side

6. Geolocation

7. Offline aplication cache

8. Smarter forms

9. Sharper focus on web application requiments

10. Bersifat ompatibel dengan semua browser

Kekurangan:

1. Kekurangan utama yang dimiliki HTML5 adalah versi ini hanya support untuk

browser modern

2. Karena bahasa HTML5 masih dalam perkembangan

3. Fitur keamanan yang ditawarkan HTML5 masih terbatas

4. HTML5 tidak dapat dalam hal hormat karena web browser yang berbeda

disebabkan mereka tidak mendukung salah satu hormat tunggal.





FOTO

Penutup

HTML adalah bahasa pengkodean untuk menghasilkan dokumen-dokumen hypertext

untuk digunakan di World Wide Web. HTML5 adalah versi terbaru dari HTML yang

mana dikembangkan oleh W3C. Manfaat utama lainnya yang terkait dengan HTML5

yang seperti didukung Geolocation dan meningkatkan aksesibilitas dari halaman web.

Ini hanya menyoroti manfaat dari HTML5 dan para ahli percaya bahwa HTML5 akan

berkembang menjadi bahasa pengembangan secara online penting dalam waktu dekat.

Referensi

1. htpp://www.codepolitan.com/sejarah-dan-perkembangan-html5-belajar-html

2. https://www.w3schools.com/TAGS/tag_article.asp

3. septia-lutfi-1102412069-03.blogspot.co.id/2013/10/makalah-tml5.html

4. http://www.html-5-tutorial.com/article-element.htm

5. anwar.blog.amikom.ac.id/2013/12/27/sejarah-dan-pengertian-html5/

Biografi

Nama saya Reni Resiani Sunmaryati. Saya seorang Mahasiswa disalah satu Perguruan

Tinggi di Kota Tangerang, jurusan Sistem Informasi dengan konsentrasi Komputer

Akuntansi. Saya tertarik dengan dunia bisnis atau manajemen khususnya dengan

mengoptimalkan penggunaan IT yang semakin berkembang. Senang untuk berbagi dengan

kalian. Untuk sharing lebih lanjut tentang IT, yuk kontak di:

Instagram: @reni.resiani

sejarah html5 - ilmuti.orgilmuti.org/wp-content/uploads/2017/04/reni-resiani_sejarah-html5.pdf ·...

Documents