Einführung in die Designprinzipien von HTML 5-H5-Tutorial-php.cn

Einführung in die Designprinzipien von HTML 5

王林

Freigeben： 2021-02-01 14:14:57

nach vorne

2691 Leute haben es durchsucht

Einführung in die Designprinzipien von HTML 5

Einführung:

HTML5 ist eine Sprachbeschreibungsmethode zum Erstellen von Webinhalten. HTML5 ist der Internetstandard der nächsten Generation und eine Sprachmethode zum Erstellen und Präsentieren von Internetinhalten. Sie gilt als eine der Kerntechnologien des Internets. HTML wurde 1990 erstellt und HTML4 wurde 1997 zum Internetstandard und wird häufig bei der Entwicklung von Internetanwendungen verwendet.

Tatsächlich wird HTML5 nicht direkt von W3C formuliert. Die Richtung von W3C ist XHTML2, nicht HTML5. Als xhtml2 nicht mehr der Realität entsprach und nicht in die Praxis umgesetzt werden konnte, richtete die W3C-Arbeitsgruppe ihre Forschungsrichtung auf html5 aus. Warum kam xhtml2 nie zustande? Weil es gegen ein Designprinzip verstößt, nämlich das berühmte Burstahl-Gesetz: Seien Sie beim Senden konservativ und beim Empfang offen. Im HTML5-Designprozess wurden eine Reihe von Prinzipien befolgt, die eine schnelle Förderung von HTML5 ermöglichten. In diesem Artikel werden die 5 Designprinzipien vorgestellt, denen HTML5 folgt.

Unnötige Komplexität vermeiden.html4.html4.

<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Nach dem Login kopieren

.html5.

<!DOCTYPE html>

Nach dem Login kopieren

.html4.html4 Der Absatz ist korrekt; und in HTML5 ist alles korrekt müssen separat geschrieben werden, da Inline-Elemente keine Elemente auf Blockebene enthalten können.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
　　html5
<meta charset="utf-8">

Nach dem Login kopieren

Und in HTML5 können -Elemente aufgrund der Verwendung des Inhaltsmodells auch Elemente auf Blockebene enthalten Fügt eine Reihe neuer Elemente hinzu, darunter Abschnitt, Artikel, Seite und Navigation, die ein neues Inhaltsmodell darstellen – die Partitionierung von Inhalten. In der Vergangenheit wurden Divs verwendet, um Inhalte auf Seiten zu organisieren, aber wie andere ähnliche Elemente haben Divs selbst keine Semantik. Aber Abschnitt, Artikel, Seite und Navigation sagen es Ihnen tatsächlich deutlich: Dieser Abschnitt ist wie ein weiteres Dokument im Dokument. Jeder Inhalt, der sich in diesen Elementen befindet, kann eine eigene Zusammenfassung, einen eigenen Titel und eine eigene Fußzeile haben.

Sanfter Abbau

Wenn der Browser auf einen nicht erkannten Typwert stößt, interpretiert er den Typwert als Text

<img src="foo" alt="bar" />
<p class="foo">Hello world</p>
 
<img src="foo" alt="bar">
<p class="foo">Hello world
 
<IMG SRC="foo" ALT="bar">
<P CLASS="foo">Hello world</P>
 
<img src=foo alt=bar>
<p class=foo>Hello world</p>

Nach dem Login kopieren

Verwandte Empfehlungen:

HTML5-Tutorial

Das obige ist der detaillierte Inhalt vonEinführung in die Designprinzipien von HTML 5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!