suchen

Heim >Web-Frontend >H5-Tutorial >Welche 6 Designprinzipien muss HTML5 befolgen?

Welche 6 Designprinzipien muss HTML5 befolgen?

青灯夜游
青灯夜游Original
2018-09-10 17:46:171971Durchsuche

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

html5

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

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

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>

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

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

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"

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Verwenden Sie Canvas in Javascript, um Puzzlespiele zu implementierenNächster Artikel：Verwenden Sie Canvas in Javascript, um Puzzlespiele zu implementieren

In Verbindung stehende Artikel

Mehr sehen