Latest web development tutorials

HTML5 Browser-Unterstützung

Sie können einige ältere Browser lassen (nicht unterstützt HTML5) Unterstützung für HTML5.

HTML5 Browser-Unterstützung

Moderne Browser unterstützen HTML5.

Darüber hinaus werden alle Browser, darunter alte und neue, des nicht erkannten Element wird automatisch als Inline-Element verarbeitet werden.

Aus diesem Grund können Sie"Kirche" Browser "unbekannt"HTML - Elemente behandeln.

Note Sie können sogar Kirche IE6 (Windows XP 2001) Browser behandelt unbekannte HTML-Elemente.

Das HTML5-Element ist als Blockelement definiert

HTML5 Satz von acht neuen HTML - Semantik (Semantik) Elemente. Alle diese Elemente sind Elemente auf Blockebene.

Um ältere Versionen des Browsers , damit diese Elemente korrekt angezeigt werden , können Sie die CSS - Eigenschaft display Werteblock festlegen können:

Beispiele

Header, Abschnitt, Fußzeile, zur Seite, nav, Haupt, Artikel, Figur { Anzeige: Block ;}

Hinzufügen eines neuen Elements in HTML

Sie können neue Elemente in HTML hinzuzufügen.

Beispiele für die neuen Elemente in HTML hinzugefügt und Stilelemente für das Element definiert namens <myHero>:

Beispiele

<! DOCTYPE html> <Html> <Head> <Meta charset = "UTF-8"> <Titel> HTML ein neues Element hinzuzufügen </ title> <Script>
Dokument. createelement ( "myHero")
</ Script> <Style>
myHero { Anzeige: Block ; Background-color: #DDD ; Padding: 50 px ; Schriftgröße: 30 px ;}
</ Style> </ Head> <Body> <H1> Mein erster Titel </ h1> <P> Mein erster Absatz. </ P> <MyHero> Mein erstes neues Element </ myHero> </ Body> </ Html>

Versuchen »

JavaScript - Anweisung document.createElement ( "myHero") ist ein neues Element in den IE - Browser hinzuzufügen.

Internet Explorer Browser-Probleme

Sie können das obige Verfahren verwenden, um HTML5-Elemente IE-Browser hinzufügen, aber:

Note Internet Explorer 8 und frühere Versionen von IE-Browser unterstützt nicht mehr als einen Weg.

Wir können Sjoerd Visscher verwenden erstellt "HTML5 JavaScript aktivieren", "Shiv " um das Problem zu beheben:

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

Der obige Code ist ein Kommentar, der Rolle, wenn der IE-Browser-Version weniger als IE9 html5.js Datei lesen und sie analysieren.

Hinweis: Bitte inländische Nutzer verwenden , um die Website statisch Repository (Google - Repository Instabilität im Land):

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

Für IE-Browser html5shiv ist eine bessere Lösung. html5shiv Hauptlösung vorgeschlagene neue HTML5-Elemente IE6-8 erkennen nicht, dass diese neuen Elemente können nicht als übergeordnete Knoten Kindelemente gewickelt werden und kann nicht CSS-Stile anwenden.

Shiv perfekte Lösung

Beispiele

<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> 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> Mein erster Artikel </ h1>

<Article>
Dieses Tutorial - Wissenschaft ist nicht nur Technik, sondern auch ein Traum! ! !
</ Article>

</ Body>
</ Html>

Versuchen »

html5shiv.js Referenzcode muss in <head> -Element, weil der IE-Browser beim Parsen HTML5 neue Elemente, die Datei zu laden, müssen platziert werden.