HTML (Hypertext Markup Language, Super -Text -Sprache) wurde Anfang der neunziger Jahre geboren. Listet und verweisen Sie auf andere Webseiten. HTML5 ist die neueste Version von HTML. HTML5 führt auch native Audio- und Video -Wiedergabefunktionen ein.
Sie können die neuesten Spezifikationen von HTML über die folgende URL anzeigen:
1) html5: http://www.w3.org/tr/html5///
2) html5.1: http://www.w3.org/tr/html51/
Einführung in HTML5HTML5 ist tatsächlich eine Reihe verwandter Technologien, mit denen moderne Vermögensnetzinhalte hergestellt werden.
1) Die HTML5 -Kernspezifikation definiert Elemente, die zum Markieren des Inhalts verwendet und deren Bedeutung klären.
2) CSS wird verwendet, um das Erscheinungsbild des markierten vor dem Benutzer zu steuern.
3) JavaScript wird verwendet, um den Inhalt des HTML -Dokuments zu manipulieren und auf den Betrieb des Benutzers zu reagieren.
Gleichzeitig führt HTML5 native Support für multimedia und führt programmierbare Inhalte (Canvas -Element, die JavaScript verwenden muss) und semantisches Web ein.
Browser -Unterstützung für HTML5 Browser -FunktionsüberprüfungOb die Funktion von HTML5 verwendet werden kann, ist, ob der Browser jetzt viele Browser gibt, und jeder Browser hat viele Versionen Es gibt jedoch eine Website http://caniuse.com/, um Ihnen zu helfen.
Browser verwenden StatusWenn Sie beurteilen müssen, ob Sie einen bestimmten Browser oder eine Version des Browsers (normalerweise dh) unterstützen müssen, dann verwenden Sie den Status.
Erkennen Sie die BrowserfunktionWenn Sie einige neue Funktionen von HTML5 verwenden möchten, unterstützen Sie diese Funktionen jedoch nicht, und müssen Sie sich keine Sorgen machen. .
Die Anwendungsmethode ist wie folgt:Gehen Sie wie folgt zur Download -Seite von Modernizr:
Wählen Sie die Funktionen aus, die Sie auf dieser Seite erkennen möchten (klicken Sie auf die entsprechenden Funktionen) und klicken Sie nach der Auswahl auf Build, und Sie können:
Laden Sie dann die Ergebnisse des Builds (modernizr-custom.js) herunter und fügen Sie es Ihrem HTML-Dokument hinzu.
<kopf> <meta charset = utf-8> <title> tital </title> <script src = moderniz-custom.js> </script> ... </head>
Auf diese Weise kann nach dem Laden der Seite das Modernizr -Skript ausgeführt werden. Durch Erkennen der Attribute dieses Objekts können Sie bestimmen, welche Funktionen der Browser unterstützt. Zum Beispiel:
<body> <p> Das Urteil ist ... <span id = result> </span> </p> <script> modernizr.on ('Flash', Funktion (Ergebnis) {if (result) {document.getElementById (Ergebnis) .ernerhtml = freut sich!Wenn Ihr Browser Flash unterstützt, wird die Webseite gedruckt! Weitere Informationen zu Modernizr finden Sie in der Dokumentation von Modernizr.
Grundstruktur der HTML -DokumentationDas HTML -Dokument ist eine Beschreibung eines Dokuments. Einige Elemente werden verwendet, um die grundlegenden Informationen des Dokuments zu beschreiben, und einige beschreiben die Dokumentstruktur.
<!
Das HTML -Dokument beschreibt eine leere Seite, die den Umriss des HTML -Dokuments und die anfängliche Umgebung des Browsers bestimmt.
DocType -ElementDocType -Elemente können weggelassen werden. Dieses Element sagt dem Browser zwei Dinge:
1) es wird vom HTML -Dokument behandelt;
2) Die Version des HTML, mit dem der Inhalt des Dokuments markiert wird, zeigt an, dass das HTML5 verwendet wird.
HTML -ElementDas HTML -Element ist das Stammelement, das den Beginn des HTML -Teils im Dokument angibt. Die Standardsprache des Lang -Attributs gibt den Inhalt der Seite an, wie z.
KopfelementDas Kopfelement enthält die Metadaten des Dokuments, enthält Informationen zum Inhalt des Dokuments und die Informationen des Browsers und kann auch einen Verweis auf das Skript und die externen Ressourcen (z. B. die CSS -Stiltabelle) enthalten.
KörperelementDie Dokumentkörper enthält den Inhalt, den die Besucher sehen können.
Mit dieser Grundstruktur können wir später nach und nach andere Elemente von HTML hinzufügen, um das Dokument kontinuierlich zu bereichern und schließlich die gewünschte Seite zu erhalten.