HTML5 stellt die Zukunft dar; W3C (World Wide Web Consortium, World Wide Web Consortium) hat XHTML aufgegeben und HTML5 zu einem offiziellen und anerkannten Standard gemacht.
HTML5 ist die nächste Generation von HTML.
HTML5 wird zum neuen Standard für HTML, XHTML und HTML DOM, mit dem Ziel, die bestehenden Standards HTML4.01 und XHTML1.0 zu ersetzen. Ziel ist es, die Abhängigkeit von Rich Internet Applications (RIA) von Flash, Silverlight, JavaFX usw. zu verringern und mehr APIs bereitzustellen, die Netzwerkanwendungen effektiv verbessern können.
Die letzte Version von HTML wurde 1999 erstellt. Die Welt des Webs hat sich seitdem dramatisch verändert.
HTML5 ist noch in Arbeit. Allerdings verfügen die meisten modernen Browser bereits über eine gewisse HTML5-Unterstützung.
HTML5 ist das Ergebnis einer Zusammenarbeit zwischen dem W3C und der WHATWG.
WHATWG arbeitet an Webformularen und -anwendungen, während sich W3C auf XHTML 2.0 konzentriert. Im Jahr 2006 beschlossen die beiden Parteien, gemeinsam eine neue HTML-Version zu erstellen.
Einige Regeln für HTML5:
Neue Funktionen sollten auf HTML, CSS, DOM und JavaScript basieren.
Reduzieren Sie den Bedarf an externen Plug-Ins (wie Flash)
Bessere Fehlerbehandlung
Mehr Markup zum Ersetzen von Skripten
HTML5 sollte geräteunabhängig sein
Der Entwicklungsprozess sollte für die Öffentlichkeit transparent sein
Das einfachste HTML5-Dokument
Ein supereinfaches HTML5-Dokument, das nur eine Textzeile enthält. Im Browser sieht es so aus:
Die üblichere Struktur verwendet
,
HTML5 erfordert diese Elemente nicht, aber dieser Schreibstil ist besser.HTML5-Dokumenttyp
Die erste Zeile muss eine spezifische Dokumenttypdeklaration sein, die verwendet wird, um anzugeben, welchem Standard das nachfolgende Dokument-Markup folgt. Die Dokumenttypdeklaration von HTML5 ist äußerst einfach.
Zeichenkodierung
Die meisten Websites verwenden mittlerweile die UTF-8-Kodierung, die prägnant und schnell zu konvertieren ist und alle gewünschten nicht-englischen Zeichen unterstützt.
Es ist sehr einfach, Zeichenkodierungsinformationen in HTML5 hinzuzufügen:
Das Dreamweaver-Designtool fügt diese Metainformationen automatisch hinzu, wenn eine neue Webseite erstellt wird, und speichert die Datei außerdem in UTF-Kodierung. Wenn Sie den einfachsten Texteditor verwenden, denken Sie daran, beim Speichern die richtige Kodierung (UTF-8) auszuwählen.
Seitensprache
Es ist eine gute Praxis, die auf Webseiten verwendete natürliche Sprache anzugeben. Um eine Sprache für den Inhalt anzugeben, verwenden Sie das lang-Attribut für ein beliebiges Element.
Um der gesamten Seite eine Sprachbeschreibung hinzuzufügen, müssen Sie das lang-Attribut für das -Element angeben, wie im folgenden Code gezeigt:
Dieses Informationsdetail ist auch für Screenreader nützlich, wenn die Seite Text in mehreren Sprachen enthält.
Stylesheet hinzufügen
Solange es sich um eine professionell gestaltete Website handelt, werden auf jeden Fall Stylesheets verwendet. Wenn Sie das zu verwendende CSS-Stylesheet angeben, müssen Sie das -Element wie folgt in
hinzufügen:
JavaScript hinzufügen
Das Hinzufügen von JavaScript in HTML5 ähnelt dem Hinzufügen zu einer herkömmlichen Seite, zum Beispiel:
Das Attribut language="JavaScript" muss nicht hinzugefügt werden. Der Browser geht davon aus, dass Sie JavaScript verwenden möchten.
Besonderer Hinweis:
Wenn Sie viel Zeit damit verbringen möchten, Seiten zu testen, die JavaScript im IE enthalten, sollten Sie auch einen speziellen Kommentar namens Web Mark hinzufügen (gespeichert von url=). Diese Kommentarzeile sollte nach dem angegebenen Zeichenkodierungselement platziert werden , wie folgt:
Dieser Kommentar weist den IE an, die Seite als von der Remote-Website heruntergeladen zu behandeln. Andernfalls wechselt der IE in einen speziellen Sperrmodus und zeigt eine Sicherheitswarnung an, nachdem Sie auf „Blockierte Inhalte zulassen“ geklickt haben. Der JavaScript-Code wird dies nicht tun ausgeführt werden, bis die Taste gedrückt wird.
(0014) bezieht sich auf die Länge der about:internet-Zeichenfolge.
Endergebnis
Ein vollständiger und schöner HTML5-Code sieht schließlich so aus:
Was sind die Produktionsmethoden der HTML5-Animationsproduktion?
Der Unterschied zwischen HTML und HTML5
Was ist eine unabhängige Direktverbindung?
Die Rolle des Basis-Tags
Detaillierte Erläuterung der Nginx-Konfiguration
Was ist Hadoop?
Zusammengesetzte Verwendung
So kündigen Sie die automatische Verlängerung bei Station B
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
