HTML5 Dukungan Browser

Anda dapat mengajarkan browser lama untuk menangani HTML5 dengan benar.

HTML5 didukung di semua browser modern.

Selain itu, semua browser, lama dan baru, secara otomatis menangani elemen yang belum diakui sebagai elemen inline.

Karena itu, Anda bisa “teach” browser lama untuk menangani “unknown” elemen HTML.

Anda bahkan bisa mengajar IE6 (Windows XP 2001) bagaimana menangani elemen HTML tidak diketahui.

Mendefinisikan HTML5 Elemen sebagai Blok Elements
HTML5 mendefinisikan delapan elemen HTML semantik baru. Semua ini adalah unsur-unsur blok-tingkat.

Untuk mengamankan perilaku yang benar di browser lama, Anda dapat mengatur properti tampilan CSS untuk memblokir:

header, section, footer, aside, nav, main, article, figure {
display: block;
}

Menambahkan New Elemen untuk HTML
Anda juga dapat menambahkan elemen baru ke HTML dengan trik browser.

Contoh ini menambahkan elemen baru yang disebut untuk HTML, dan mendefinisikan gaya tampilan untuk itu:

The JavaScript pernyataan document. createElement(“myHero”) document. createElement(“myHero”) ditambahkan, hanya untuk memuaskan IE.

Masalah Dengan Internet Explorer
Anda bisa menggunakan solusi yang dijelaskan di atas, untuk semua elemen HTML5 baru, tetapi:

Internet Explorer 8 dan sebelumnya, tidak memungkinkan styling dari unsur-unsur yang tidak diketahui.

Untungnya, Sjoerd Visscher menciptakan “HTML5 Enabling JavaScript” , ” the shiv “:

Kode di atas adalah komentar, tapi versi sebelumnya untuk IE9 akan membacanya (and understand it) .

Lengkap Shiv Solusi
Contoh

London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

Cobalah sendiri ” Link ke shiv kode harus ditempatkan dalam elemen, karena Internet Explorer perlu tahu tentang semua elemen baru sebelum membaca mereka.

HTML5 Skeleton
Contoh

London
London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.

Paris
Paris is the capital and most populous city of France.

Tokyo
Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.

Cobalah sendiri “