Latest web development tutorials

HTML5 Dukungan Browser

Anda dapat membiarkan beberapa browser lama (tidak mendukung HTML5) dukungan untuk HTML5.

HTML5 Dukungan Browser

browser modern mendukung HTML5.

Selain itu, semua browser, termasuk tua dan baru, dari unsur yang belum diakui akan secara otomatis diproses sebagai elemen inline.

Karena ini, Anda dapat"gereja" browser menangani "tidak diketahui"elemen HTML.

catatan Anda bahkan dapat gereja IE6 (Windows XP 2001) Browser menangani elemen HTML tidak diketahui.

HTML5 elemen didefinisikan sebagai elemen blok

HTML5 set delapan semantik HTML baru (semantik) elemen. Semua elemen ini adalah elemen blok-tingkat.

Untuk memungkinkan versi browser untuk menampilkan unsur-unsur ini benar, Anda dapat mengatur tampilan CSS nilai properti blok:

contoh

header, bagian, footer, samping, nav, utama, artikel, angka { display: blok ;}

Menambahkan elemen baru ke HTML

Anda dapat menambahkan elemen baru ke HTML.

Unsur baru dalam hal ini ditambahkan ke HTML, dan unsur-unsur gaya yang ditetapkan untuk elemen yang disebut <myHero>:

contoh

<! DOCTYPE html> <Html> <Head> <Meta charset = "utf-8"> <Title> HTML untuk menambahkan elemen baru </ title> <Script>
dokumen. createElement ( "myHero")
</ Script> <Gaya>
myHero { display: blok ; Background-color: #ddd ; Padding: 50 px ; Font-size: 30 px ;}
</ Style> </ Kepala> <Body> <H1> gelar pertama saya </ h1> <P> My first ayat. </ P> <MyHero> elemen baru pertama saya </ myHero> </ Body> </ Html>

Coba »

JavaScript pernyataan document.createElement ( "myHero") adalah menambahkan elemen baru untuk browser IE.

masalah browser Internet Explorer

Anda dapat menggunakan metode di atas untuk menambahkan elemen HTML5 IE browser, tetapi:

catatan Internet Explorer 8 dan versi sebelumnya dari browser IE ini tidak mendukung lebih dari satu cara.

Kita dapat menggunakan Sjoerd Visscher menciptakan "HTML5 Mengaktifkan JavaScript", "belati " untuk mengatasi masalah:

<! - [Jika lt IE 9]>
<Script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script>
<! [Endif] ->

Kode di atas adalah komentar, peran ketika IE versi browser yang kurang dari IE9 akan membaca file html5.js dan mengurai itu.

Catatan: Silakan pengguna domestik menggunakan situs repositori statis (ketidakstabilan repository Google di negara ini):

<! - [Jika lt IE 9]>
<Script src = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ Script>
<! [Endif] ->

Untuk browser IE html5shiv adalah solusi yang lebih baik. solusi utama html5shiv diusulkan elemen HTML5 baru IE6-8 tidak mengenali unsur-unsur baru sebagai simpul orangtua tidak bisa membungkus elemen anak, dan tidak bisa menerapkan gaya CSS.

solusi sempurna Shiv

contoh

<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Render HTML5 </ judul>
<! - [Jika lt IE 9]>
<Script src = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ script>
<! [Endif] ->
</ Kepala>

<Body>

<H1> artikel pertama saya </ h1>

<Pasal>
Tutorial ini - ilmu tidak hanya teknologi, tetapi juga mimpi! ! !
</ Pasal>

</ Body>
</ Html>

Coba »

kode referensi html5shiv.js harus ditempatkan dalam <head> elemen, karena browser IE saat parsing HTML5 elemen baru perlu memuat file.