Unterstützung für HTML5-Browser-HTML-Tutorial-php.cn

Unterstützung für HTML5-Browser

(*-*)浩

Freigeben： 2019-10-23 15:47:35

Original

2402 Leute haben es durchsucht

Sie können älteren Browsern helfen, HTML5 zu verarbeiten.

Unterstützung für HTML5-Browser

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; 
}

Nach dem Login kopieren

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 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>

Nach dem Login kopieren

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!