Welche 6 Designprinzipien muss HTML5 befolgen?-H5-Tutorial-php.cn

Welche 6 Designprinzipien muss HTML5 befolgen?

青灯夜游

Freigeben： 2018-09-10 17:46:17

Original

1982 Leute haben es durchsucht

In diesem Kapitel werden die 6 Designprinzipien vorgestellt, denen HTML5 folgen muss. Freunde in Not können sich darauf beziehen.

Prinzip 1: Unnötige Komplexität vermeiden

html4

<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" " 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Nach dem Login kopieren

html5

<!DOCTYPE html>
<meta charset="utf-8">

Nach dem Login kopieren

Prinzip 2: Vorhandenen Inhalt unterstützen

In den folgenden vier Codeteilen ist in xhtml nur der erste Absatz korrekt; in html5 sind alle korrekt

<img src="foo" alt="bar" />  
<p class="foo">Hello world</p>

Nach dem Login kopieren

<img src="foo" alt="bar">  
<p class="foo">Hello world

Nach dem Login kopieren

<IMG SRC="foo" ALT="bar">  
<P CLASS="foo">Hello world</P>

Nach dem Login kopieren

<img src=foo alt=bar>  
<p class=foo>Hello world</p>

Nach dem Login kopieren

Prinzip 3: Lösen Sie reale Probleme

Auch wenn in HTML4 zwei Elemente auf Blockebene dieselbe Linkadresse haben, müssen sie auch separat geschrieben werden. da Inline-Elemente keine Elemente auf Blockebene

<h2><a href="/path/to/resource">Headline text</a></h2>
<p><a href="/path/to/resource">Paragraph text.</a></p>

Nach dem Login kopieren

enthalten können und in HTML5 aufgrund der Verwendung des Inhaltsmodells -Elemente auch Elemente auf Blockebene

<a href="/path/to/resource">  
    <h2>Headline text</h2>  
    <p>Paragraph text.</p>  
</a>

Nach dem Login kopieren

< enthalten können 🎜>Prinzip 4: Seien Sie ehrlich und pragmatisch

html5 hat eine Reihe neuer Elemente hinzugefügt, darunter: Abschnitt, Artikel, Seite und Navigation, die ein neues Inhaltsmodell darstellen – Partitionieren Sie den Inhalt. 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“, „Beiseite“ und „Navigation“ machen Ihnen tatsächlich deutlich, dass dieser Abschnitt wie ein weiteres Dokument im Dokument ist. Jeder Inhalt, der sich in diesen Elementen befindet, kann eine eigene Zusammenfassung, einen eigenen Titel und eine eigene Fußzeile haben.

Prinzip 5: Sanfte Verschlechterung

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

input type="number"
input type="search"
input type="range"
input type="email"
input type="date"
input type="url"

Nach dem Login kopieren

Prinzip 6: Endbenutzer zuerst

Im Konfliktfall hat der Endbenutzer Vorrang, gefolgt vom Autor, gefolgt vom Implementierer , gefolgt vom Standard Der Rahmen ist letztendlich die theoretische Perfektion.

Das obige ist der detaillierte Inhalt vonWelche 6 Designprinzipien muss HTML5 befolgen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!