Web-Frontend
H5-Tutorial
Einfaches vorläufiges HTML5-Einführungs-Tutorial_HTML5-Tutorial-Fähigkeiten
Einfaches vorläufiges HTML5-Einführungs-Tutorial_HTML5-Tutorial-Fähigkeiten
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
- >
- <Titel>Ein kleines HTML-DokumentTitel>
- <p>Lass uns den Browser rocken, im HTML5-Stil.< ;/p>
Ein supereinfaches HTML5-Dokument, das nur eine Textzeile enthält. Im Browser sieht es so aus:
Die üblichere Struktur verwendet
- >
- <html>
- <Kopf>
- <Titel>Ein kleines HTML-DokumentTitel>
- Kopf>
- <Körper>
- <p>Lass uns den Browser rocken, im HTML5-Stil.< ;/p>
- Körper>
- html>
,
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:
- <Kopf>
- <meta charset="utf- 8">
- <Titel>Ein kleines HTML-DokumentTitel>
- Kopf>
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:
- <html lang="zh-CN">
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:- <Kopf>
- <meta charset="utf- 8">
- <Titel>Ein kleines HTML-DokumentTitel>
- <link rel="stylesheet" href="TinyHTML5.css">
- Kopf>
JavaScript hinzufügen
Das Hinzufügen von JavaScript in HTML5 ähnelt dem Hinzufügen zu einer herkömmlichen Seite, zum Beispiel:
- <Kopf>
- <meta charset="utf- 8">
- <Titel>Ein kleines HTML-DokumentTitel>
- <link rel="stylesheet" href="TinyHTML5.css">
- <script src="TinyHTML5. js">script>
- Kopf>
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:
- <Kopf>
- <meta charset="utf- 8">
- <Titel>Ein kleines HTML-DokumentTitel>
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:
- >
- <html lang="zh- CN">
- <Kopf>
- <meta charset="utf- 8">
- <Titel>Ein kleines HTML-DokumentTitel>
- <link rel="stylesheet" href="TinyHTML5.css">
- <script src="TinyHTML5. js">script>
- Kopf>
- <Körper>
- <p>Lass uns den Browser rocken, im HTML5-Stil.< ;/p>
- Körper>
- html>
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
Tabellenrahmen in HTML
Sep 04, 2024 pm 04:49 PM
Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.
Verschachtelte Tabelle in HTML
Sep 04, 2024 pm 04:49 PM
Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.
HTML-Rand links
Sep 04, 2024 pm 04:48 PM
Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.
HTML-Tabellenlayout
Sep 04, 2024 pm 04:54 PM
Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.
Text in HTML verschieben
Sep 04, 2024 pm 04:45 PM
Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.
HTML-geordnete Liste
Sep 04, 2024 pm 04:43 PM
Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele
HTML-Onclick-Button
Sep 04, 2024 pm 04:49 PM
Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.
HTML-Eingabeplatzhalter
Sep 04, 2024 pm 04:54 PM
Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.
