Dua Belas Fitur yang Diharapkan Pengembang dari HTML6 yang Akan Datang
Diterbitkan: 2017-01-17HTML5 telah mendapatkan kesuksesan fenomenal di antara para pengembang. Ini telah memfasilitasi pengembang dalam mengatur konten dengan cara yang lebih relevan dengan tag baru seperti <article>
, <section>
, <header>
dll.
Pengembang menikmati kebebasan menggunakan atribut type dari tag seperti <link>
dan <script>
. Meskipun HTML5 telah membawa perubahan paradigma dalam pemrograman web, HTML5 memiliki keterbatasan dalam mengembangkan aplikasi asli di web dan beberapa masalah lainnya.
Sebagai pengembang, Anda selalu ingin menawarkan solusi web yang efektif dan efisien, dan HTML6 diharapkan dapat membantu Anda mencapai tujuan ini. Oleh karena itu, pengembang di seluruh dunia sangat ingin merangkul HTML6. Sangat menarik untuk melihat bagaimana fitur yang diharapkan dari HTML6 akan mengubah domain pengembangan web.
Berikut adalah beberapa harapan paling populer dari Komunitas Pengembang untuk HTML6 mendatang:
Tag Ekspres
HTML6 kemungkinan akan memfasilitasi para pengembang dengan tag ekspres. Anda dapat menggunakan <logo></logo>
untuk menetapkan logo ke halaman web. Demikian pula, <sidebar></sidebar>
dan <navigation></navigation>
akan mengintegrasikan sidebar dan navigasi masing-masing.
Selain itu, tag <div>
dapat digunakan tanpa menggunakan banyak ID. Misalnya Anda cukup menggunakan <container>
atau <wrapper>
daripada menulis <div id='container'>
dan <div id='wrapper'>
.
Ruang nama seperti XML
Diharapkan bahwa HTML6 akan datang dengan ruang nama dari struktur seperti XML. Ruang nama tersebut akan membantu pengembang menggunakan tag yang sama tanpa konflik dengan tag lain. Dengan kata lain, HTML6 akan menawarkan keuntungan menggunakan tag yang diinginkan selain tag yang ditentukan.
Dokumen HTML6
[xhtml]
<!DOCTYPE html>
<html:html>
<html:kepala>
<html:title>Melihat HTML6</html:title>
<html:meta type="title" value="Judul Halaman">
<html:meta type="description" value="Contoh HTML dengan ruang nama">
<html:link src="css/mainfile.css" title="Gaya" type="text/css">
<html:link src="js/mainfile.js" title="Script" type="text/javascript">
</html:head>
<html:tubuh>
<tajuk>
<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>
<konten>
<artikel>
<h1>Judul artikel utama</h1>
<h2>Sub-judul artikel utama</h2>
<p>[…]</p>
<p>[…]</p>
</artikel>
<artikel>
<h1>Konsep HTML6</h1>
<h2>Memahami dasar-dasarnya</h2>
<p>[…]</p>
</artikel>
</konten>
<footer>
<copyright>Situs ini © ke Anonim 2017</copyright>
</footer>
</html:tubuh>
</html:html>
[/xhtml]
Dalam dokumen ini, kami memiliki beberapa <html: x>
yang aneh. Mereka adalah elemen namespace yang dimiliki oleh spesifikasi W3C dan HTML6 dan berguna untuk memicu peristiwa browser. Misalnya, <html: title>
akan mengubah bilah judul browser dan <html: media>
akan membantu gambar yang ditentukan muncul di layar browser. Elemen-elemen ini tidak ada hubungannya dengan browser. Mereka dapat memungkinkan pengembang untuk membuat kode sampel lebih semantik.
Kontrol objek video tambahan
HTML6 akan menawarkan lebih banyak kontrol atas objek video untuk meningkatkan pengalaman video bagi pengguna. Meskipun pengembang tidak dapat menghilangkan codec kompresi, mereka dapat menyesuaikannya dengan algoritma kompresi yang berbeda.
Kontrol lebih besar atas bingkai video lukisan pada halaman diharapkan bersama dengan kait panggilan balik dan mekanisme sinkronisasi yang lebih baik. Kami juga dapat mengharapkan kemampuan untuk menggabungkan DOM dengan video dalam versi HTML yang akan datang.
[xhtml]
<! – Contoh video sederhana ->
<video src="videofile.webm" autoplay poster="posterimage.jpg"> Maaf, browser Anda tidak mendukung video tersemat, tetapi jangan khawatir Anda dapat <a href="videofile.webm">mengunduhnya</ a> dan tonton dengan pemutar video favorit Anda!
</video>
<! – Video dengan subtitle ->
<video src="foo.webm">
<track kind="subtitles" src="foo.en.vtt" srclang="en" label="Bahasa Inggris">
<track kind="subtitle" src= "foo.sv.vtt" srclang="sv" label="Svenska">
</video>
[/xhtml]

Perpustakaan khusus dan kaya
JQuery telah mengubah dunia JavaScript sehubungan dengan perpustakaan standar. Standar HTML berikutnya dapat muncul dengan pustaka terjamin yang didistribusikan bersama browser. Ini akan menghemat lebih banyak waktu sambil menyegarkan versi cache jQuery 1.9. Dengan kata lain, versi perpustakaan yang dapat di-cache akan segera hadir. Jika banyak desainer menggunakan perpustakaan tertentu, itu dapat didistribusikan dengan browser dalam versi HTML6 baru.
Anotasi yang ditingkatkan
Anotasi tidak boleh terbatas pada bagian komentar di dasar artikel. Struktur standar dapat menambahkan anotasi untuk paragraf, kalimat, dan kata. Bahkan gambar dan momen di dalam video juga bisa dianotasi dalam versi yang canggih. Standarisasi API memungkinkan semua situs web dan browser memperlakukan anotasi dasar dengan cara yang sama. Opsi anotasi yang ditingkatkan ditunggu oleh komunitas pengembang.
Integrasi kamera
Kamera memainkan peran penting dalam interaksi kita di rumah dan di kantor. HTML6 diharapkan memungkinkan semua konten media di perangkat kami dalam banyak cara. Itu bisa menawarkan lebih banyak kontrol atas kamera di browser, formulir, atau sistem lain. Pengambilan gambar, penyaringan on-the-fly, efek kamera adalah beberapa aspek yang dapat ditangani. Kemungkinan lain adalah memungkinkan berbagai format untuk video dan fotografi sambil memfasilitasi pembuatan gambar panorama dan HDR.
Otentikasi lebih ketat
Peramban dapat menawarkan lebih banyak dalam hal autentikasi. Misalnya, alih-alih menggunakan cookie, browser dapat menawarkan untuk menandatangani token dengan kunci tersemat yang dapat disimpan dalam chip yang diperkeras. Ini mencegah orang (baca: peretas) mendapatkan akses melalui kunci rahasia. API dapat ditambahkan ke browser untuk mengaktifkan situs web untuk meminta tanda tangan digital yang lebih baik. Di satu sisi, otentikasi bisa menjadi lebih kuat untuk meningkatkan keamanan.
Mikroformat
Detail umum seperti bagian alamat atau nomor telepon dapat ditentukan menggunakan cara standar yang disebut mikroformat di HTML6. Kami dapat memperoleh respons cepat dari perayap Web dan mesin telusur dengan serangkaian tag standar. Pengembang dapat menggunakan markup yang lebih komprehensif untuk lokasi, tanggal, waktu, bibliografi, dan semua bentuk data standar untuk membuat informasi terperinci. Kami juga dapat mengharapkan kode telepon khusus negara. Pengembang juga mencari fleksibilitas dalam mengubah format tanggal. Saat ini, ini disetel secara default dengan AS. Di satu sisi, format mikro akan menjadi lebih kuat dan fleksibel dalam HTML6.
Pra-prosesor
Pra-prosesor yang dapat dipasang dapat diintegrasikan ke dalam HTML6 untuk mengubah bahasa menjadi JavaScript. Hari ini, Lisp, Python, Ruby, Erlang, Scala, dan banyak bahasa lainnya dapat dikompilasi ke dalam JavaScript, dan versi HTML yang akan datang dapat membawa pra-prosesor untuk melayani tujuan ini. Ketika salah satu dari bahasa ini dikompilasi silang ke dalam JavaScript, itu menghasilkan versi yang lebih kecil yang dapat dengan mudah disalurkan melalui Internet. HTML5 adalah versi umum JavaScript yang membuat pengoptimalan kode lebih sulit untuk mesin lokal.
Bahasa yang dapat dicolokkan
Kami tidak dapat mengesampingkan kedatangan satu set bahasa yang dapat dicolokkan dengan versi HTML yang akan datang. Ini akan meningkatkan fleksibilitas sambil menawarkan lebih banyak pilihan desain untuk pengembang. Meskipun JavaScript dapat berlanjut secara luas, ekstensi khusus dengan bahasa khusus dapat muncul di masa mendatang. Pengembang juga menginginkan tag HTML yang dapat menghasilkan banyak kode untuk memenuhi permintaan.
Ukuran citra Browser otomatis
Tampilan gambar tergantung pada berbagai aspek seperti jenis perangkat dan ukuran jendela. Tag <img>
standar HTML hanya memiliki satu SRC yang dapat mengganggu browser saat menampilkan gambar. Namun, protokol HTML yang lebih baik dapat menyarankan lebar atau tinggi yang diinginkan untuk gambar, dan server dapat memberikan resolusi yang optimal. Di satu sisi, ukuran citra browser akan segera hadir dalam HTML6.
Akses aman ke informasi kontak
Orang atau pengunjung sering kali ingin mendapatkan alamat email atau nomor kontak untuk database perangkat mereka. Saat ini, mereka dapat melakukannya dengan cut-and-paste. JavaScript diharapkan akan menyelamatkan orang dari pemotongan dan penempelan ini di versi baru HTML6. Di perangkat seluler, antarmuka dapat menawarkan akses yang dijaga untuk informasi kontak kepada orang-orang.
Kesimpulan
Itu tidak semua. Pengembang ingin agar HTML6 membuat validasi formulir dapat disesuaikan. Saat ini, itu datang secara default dan tidak dapat diubah. Selanjutnya, di dunia berbasis seluler, versi HTML yang akan datang dapat memberikan fasilitas pelacakan lokasi menggunakan GPS di browser seluler. Beberapa ide fitur lainnya termasuk dukungan Bluetooth, perlindungan malware built-in, dan kemampuan untuk mentransfer file dari peer to peer, dll juga dalam pipa untuk HTML6 mendatang.
Panggung diatur untuk HTML6. Kita tunggu saja sampai muncul versi terbaru yang bisa membawa perubahan radikal dalam proses pengembangan web.
Selamat Berkembang Web!