Latest web development tutorials

Wsparcie Przeglądarka HTML5

Możesz pozwolić niektóre starsze przeglądarki (nie obsługuje HTML5) wsparcie dla HTML5.

Wsparcie Przeglądarka HTML5

Nowoczesne przeglądarki obsługują HTML5.

Ponadto, wszystkie przeglądarki, w tym stare i nowe, elementu nierozpoznanego zostanie automatycznie przetwarzany jako elementu liniowego.

Z tego powodu można"kościół" przeglądarek obsłużyć "nieznane"elementy HTML.

uwaga Można nawet kościół IE6 (Windows XP 2001) przeglądarka obsługuje nieznane elementy HTML.

Element HTML5 zdefiniowany jako elementu blokowego

HTML5 zestaw ośmiu nowych semantyki HTML (semantyczne) elementów. Wszystkie te elementy są elementy blokowe.

W celu umożliwienia starszych wersji przeglądarki, aby wyświetlić te elementy poprawnie, można ustawić blok wartości własności display CSS:

Przykłady

nagłówek sekcji, stopka, bok, nav, główny artykuł, figura { wyświetlacz: blok ;}

Dodanie nowego elementu HTML

Możesz dodać nowe elementy HTML.

Przykłady nowych elementów dodawanych do HTML i elementy stylu zdefiniowane dla elementu o nazwie <myHero>:

Przykłady

<! DOCTYPE html> <Html> <Head> <meta charset = "utf-8"> <Title> HTML, aby dodać nowy element </ title> <Script>
Dokument. createElement ( "myHero")
</ Script> <Style>
myHero { wyświetlacz: blok ; Background-color: #ddd ; Padding: 50 px ; Font-size: 30 px ;}
</ Style> </ Head> <Body> <H1> Mój pierwszy tytuł </ h1> <P> Mój pierwszy akapit. </ P> <MyHero> Mój pierwszy nowy element </ myHero> </ Body> </ Html>

Spróbuj »

JavaScript stwierdzenie document.createElement ( "myHero") jest, aby dodać nowy element do przeglądarki IE.

Problemy z przeglądarką Internet Explorer

Można użyć powyższej metody, aby dodać elementy HTML5 przeglądarek IE, ale:

uwaga Internet Explorer 8 i wcześniejsze wersje IE nie obsługuje więcej niż jeden sposób.

Możemy użyć Sjoerd Visscher stworzył "HTML5 Włączenie JavaScript", "Shiva " , aby rozwiązać ten problem:

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

Powyższy kod jest komentarz, rola, gdy wersja przeglądarki IE mniej niż IE9 będzie czytać html5.js pliku i przetwarza je.

Uwaga: użytkownicy domowych używać strona statyczna repozytorium (niestabilność repozytorium Google w kraju):

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

Dla html5shiv przeglądarki IE jest lepszym rozwiązaniem. html5shiv głównym rozwiązanie zaproponowane nowe elementy HTML5 nie IE6-8 rozpoznaje te nowe elementy nie mogą być pakowane jako węzeł nadrzędny elementów podrzędnych, i nie można stosować style CSS.

Shiv idealne rozwiązanie

Przykłady

<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> 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> Mój pierwszy artykuł </ h1>

<Article>
Ten poradnik - nauka jest nie tylko technika, ale również sen! ! !
</ Article>

</ Body>
</ Html>

Spróbuj »

html5shiv.js kod referencyjny musi być umieszczony w elemencie <head>, ponieważ przeglądarka IE podczas analizowania HTML5 nowe elementy potrzebne do załadowania pliku.