Latest web development tutorials

Supporto per il browser HTML5

È possibile lasciare che alcuni browser meno recenti (non supporta HTML5) il supporto per HTML5.

Supporto per il browser HTML5

I browser moderni supportano HTML5.

Inoltre, tutti i browser, tra vecchio e nuovo, l'elemento non riconosciuto saranno trattati automaticamente come un elemento inline.

A causa di questo, è possibile"chiesa" browser di gestire elementi HTML "sconosciuti".

nota È anche possibile chiesa IE6 (Windows XP 2001) browser gestisce elementi HTML sconosciuti.

L'elemento HTML5 è definito come un elemento di blocco

HTML5 insieme di elementi otto nuova semantica HTML (semantica). Tutti questi elementi sono elementi block-level.

Al fine di consentire le versioni meno recenti del browser per visualizzare questi elementi in modo corretto, è possibile impostare il blocco di valore di proprietà CSS display:

Esempi

intestazione, sezione, piè di pagina, a parte, nav, principale, articolo, figura { Display: blocco ;}

L'aggiunta di un nuovo elemento in HTML

È possibile aggiungere nuovi elementi HTML.

Esempi di nuovi elementi aggiunti a HTML, ed elementi di stile definiti per l'elemento chiamato <myHero>:

Esempi

<! DOCTYPE html> <HTML> <Head> <Meta charset = "utf-8"> <Titolo> HTML per aggiungere un nuovo elemento </ title> <Script>
documento. createElement ( "myHero")
</ Script> <Style>
myHero { Display: blocco ; Background-color: #ddd ; Imbottitura: 50 px ; Font-size: 30 px ;}
</ Style> </ Head> <Body> <H1> Il mio primo titolo </ h1> <P> Il mio primo paragrafo. </ P> <MyHero> Il mio primo nuovo elemento </ myHero> </ Corpo> </ Html>

Prova »

JavaScript dichiarazione document.createElement ( "myHero") è quello di aggiungere un nuovo elemento per il browser IE.

problemi del browser Internet Explorer

È possibile utilizzare il metodo di cui sopra per aggiungere i browser HTML5 elementi di IE, ma:

nota Internet Explorer 8 e le versioni precedenti del browser IE non supporta più di un modo.

Possiamo usare Sjoerd Visscher creato "HTML5 Abilitazione di JavaScript", "Shiv " per risolvere il problema:

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

Il codice di cui sopra è un commento, il ruolo in cui la versione del browser IE meno di IE9 leggerà html5.js di file e analizzarlo.

Nota: gli utenti domestici utilizzano il sito repository statico (Google instabilità repository nel paese):

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

Per browser IE html5shiv è una soluzione migliore. html5shiv soluzione principale ha proposto nuovi elementi HTML5 non IE6-8 riconoscono questi nuovi elementi non possono essere avvolti da un nodo padre elementi secondari, e non possono applicare stili CSS.

soluzione perfetta Shiv

Esempi

<! DOCTYPE html>
<HTML>
<Head>
<META charset = "utf-8">
<Titolo> Render HTML5 </ title>
<! - [If lt IE 9]>
<Script src = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ script>
<! [Endif] ->
</ Head>

<Body>

<H1> Il mio primo articolo </ h1>

<Article>
Questo tutorial - la scienza non è solo tecnologia, ma anche un sogno! ! !
</ Article>

</ Corpo>
</ Html>

Prova »

html5shiv.js codice di riferimento deve essere inserito nell'elemento <head>, in quanto il browser IE durante l'analisi di HTML5 nuovi elementi hanno bisogno di caricare il file.