Heim > Artikel > Web-Frontend > Unterstützung für HTML5-Browser
Unterstützung für HTML5-Browser
- (*-*)浩Original
- 2019-10-23 15:47:352392Durchsuche
Sie können älteren Browsern helfen, HTML5 zu verarbeiten.
HTML5-Browser-Unterstützung
Alle modernen Browser unterstützen HTML5. (Empfohlenes Lernen: HTML-Tutorial)
Darüber hinaus behandeln alle Browser, ob alt oder neu, nicht erkannte Elemente automatisch als Inline-Elemente.
Auf diese Weise können Sie älteren Browsern helfen, mit „unbekannten“ HTML-Elementen umzugehen.
Hinweis: Sie können Stone Age IE6 sogar beibringen, wie mit unbekannten HTML-Elementen umgegangen wird.
Definiert HTML5-Elemente als Elemente auf Blockebene
HTML5 definiert acht neue semantische HTML-Elemente. Alle sind Elemente auf Blockebene.
Sie können die CSS-Anzeigeeigenschaft auf „Blockieren“ setzen, um das korrekte Verhalten in älteren Browsern sicherzustellen:
Beispiel
header, section, footer, aside, nav, main, article, figure {
display: block;
}HTML-Hinzufügen neuer Elemente
Sie können über Browser-Tricks jedes neue Element zu HTML hinzufügen:
In diesem Beispiel wird ein neues Element mit dem Namen 523a75af872c9b7da9495f252f14cbcb zu HTML hinzugefügt und der Anzeigestil dafür definiert:
Instanz
<!DOCTYPE html>
<html>
<head>
<title>Creating an HTML Element</title>
<script>document.createElement("myHero")</script>
<style>
myHero {
display: block;
background-color: #ddd;
padding: 50px;
font-size: 30px;
}
</style>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<myHero>My First Hero</myHero>
</body>
</html>Das obige ist der detaillierte Inhalt vonUnterstützung für HTML5-Browser. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!