Menggunakan HTML5 Shiv untuk Mengaktifkan HTML 5 di Versi Lama Internet Explorer

Menggunakan JavaScript untuk Membantu Versi Lama Dukungan IE HTML 5 Tag

HTML bukan "anak baru di blok" lagi. Banyak desainer web dan pengembang telah menggunakan iterasi HTML terbaru ini selama bertahun-tahun. Namun, ada beberapa profesional web yang telah menjauh dari HTML5, sering karena mereka harus mendukung versi lama Internet Explorer dan mereka khawatir bahwa setiap halaman HTML5 yang mereka buat tidak akan didukung di browser yang lebih tua itu. Untungnya, ada skrip yang dapat Anda gunakan untuk membawa dukungan HTML ke versi IE yang lebih lama (ini akan menjadi versi yang lebih rendah dari IE9), memungkinkan Anda untuk membuat halaman web lebih sesuai dengan teknologi saat ini dan menggunakan beberapa tag baru dalam HTML 5.

Memperkenalkan HTML Shiv

Jonathan Neal membuat skrip sederhana yang memberitahu Internet Explorer 8 dan di bawah (dan Firefox 2 dalam hal ini) untuk memperlakukan tag HTML 5 sebagai tag nyata . Ini memungkinkan Anda untuk menata mereka seperti Anda akan elemen HTML lainnya dan menggunakannya dalam dokumen Anda.

Cara Menggunakan Shiv HTML

Untuk menggunakan skrip ini, cukup tambahkan tiga baris berikut ke dokumen HTML5 Anda di

di atas style sheet Anda.

Perhatikan bahwa ini adalah lokasi yang lebih baru untuk skrip Shiv HTML ini. Sebelumnya, kode ini dihosting di Google, dan banyak situs masih menautkan ke file itu secara keliru, tanpa menyadari bahwa tidak ada lagi file di sana untuk diunduh. Ini karena, dalam banyak kasus, penggunaan HTML5 Shiv tidak lagi diperlukan. Lebih lanjut tentang itu segera ...

Kembali ke kode ini sejenak, Anda dapat melihat bahwa ini menggunakan komentar kondisional IE untuk menargetkan versi IE di bawah 9 (itulah yang "lt IE 9 berarti"). Browser tersebut akan mengunduh skrip ini dan elemen HTML5 akan dipahami oleh peramban tersebut, meskipun mereka dibuat logo sebelum HTML5 ada.

Sebagai alternatif, jika Anda tidak ingin menunjuk ke skrip ini di lokasi offsite, Anda dapat mengunduh file skrip (klik kanan tautan dan pilih "Simpan Tautan Sebagai" dari menu) dan unggah ke server Anda bersama dengan sisa sumber daya situs Anda (gambar, font, dll.). Kelemahan untuk melakukannya dengan cara ini adalah Anda tidak akan dapat mengambil keuntungan dari setiap perubahan yang dibuat pada skrip ini dari waktu ke waktu.

Setelah Anda menambahkan baris kode tersebut ke halaman Anda, Anda dapat mengatur style HTML 5 seperti yang Anda lakukan untuk browser modern HTML5 lainnya.

Apakah Anda Masih Membutuhkan HTML5 Shiv?

Ini adalah pertanyaan yang berharga untuk ditanyakan. Ketika HTML5 pertama kali diluncurkan, lanskap browser sangat berbeda dari sekarang. Dukungan untuk IE8 dan di bawah masih merupakan hal yang penting untuk banyak situs, tetapi dengan pengumuman "akhir kehidupan" yang dibuat Microsoft pada bulan April 2016 untuk semua versi IE di bawah 11, banyak orang kini telah memperbarui browser mereka dan versi-versi antiqued ini mungkin tidak ada lagi menjadi perhatian untukmu. Tinjau analitik situs web Anda untuk melihat dengan tepat apa yang digunakan orang untuk mengunjungi situs. Jika tidak ada, atau sangat sedikit orang, yang menggunakan IE8 dan di bawah, maka Anda dapat yakin bahwa Anda dapat menggunakan elemen HTML5 tanpa masalah dan tidak perlu mendukung browser warisan.

Dalam beberapa kasus, bagaimanapun, browser IE warisan akan menjadi perhatian. Hal ini sering terjadi pada organisasi yang menggunakan perangkat lunak spesifik yang dikembangkan sejak lama dan hanya berfungsi pada versi lama IE. Dalam hal ini, departemen TI perusahaan dapat menerapkan penggunaan peramban lama ini, yang berarti pekerjaan Anda untuk perusahaan itu juga harus mendukung contoh IE yang sudah usang.

Ini adalah ketika Anda ingin beralih ke HTML5 shiv sehingga Anda dapat menggunakan metode dan elemen desain web saat ini, tetapi tetap mendapatkan dukungan browser lengkap yang Anda butuhkan.

Diedit oleh Jeremy Girard