Heim > Web-Frontend > H5-Tutorial > Hauptteil

Erfahren Sie, was HTML5 ist

怪我咯
Freigeben: 2017-04-05 15:06:50
Original
1519 Leute haben es durchsucht

Wenn eine technisch nicht versierte Person Sie fragen würde: Was ist HTML5, wie würden Sie antworten?

Neue HTML-Spezifikation. . .

Es bietet Browsern fantastische Möglichkeiten, Dinge zu tun, die ihnen vorher nicht möglich waren. . . (Um genau zu sein, sollte es viele neue Schnittstellen-Standards für Browser festlegen, die von Browsern die Implementierung fantastischer Funktionen verlangen ... Vielen Dank an Hong Maple Leaf)

Für Browser werden viele neue Schnittstellen bereitgestellt. . .

Es wurden viele neue Effekte hinzugefügt. . .

Die Person, die fragte, verstand die eigentliche Frage, die sie stellen wollte, tatsächlich nicht. Die Person, die antwortete, schien zu verstehen, aber etwas schien zu fehlen. Tolle Funktionen, neue Schnittstellen, coole Effekte, der erste, der antwortete, war schwindelig. Was ist HTML, was ist CSS, was ist DOM, was ist JavaScript? Die meisten Frontend-Entwickler verwenden diese täglich, aber nur wenige Menschen denken über die Beziehung zwischen ihnen nach.

Zunächst einmal ist der vollständige Name von HTML Hypertext Markup Language, eine Computersprache in Form von Markup. Indem diese Auszeichnungssprache einem speziellen Parser übergeben wird, können bestimmte Schnittstelleneffekte analysiert werden. Der Browser ist ein Parser, der auf das Parsen dieser Auszeichnungssprache spezialisiert ist. Wir sagen, dass der Endeffekt darin besteht, eine bestimmte Schnittstelle auf dem Bildschirm anzuzeigen. Anschließend muss der Browser jede Markierung in eine interne Datenstruktur umwandeln, und diese Datenstruktur ist ein DOM-Element. Beispielsweise ist ein -Tag eine Instanz des Typs HTMLAnchorElement in der internen Welt des Browsers.

Eine HTML-Datei ist wie ein Artikel, der in der Hypertext-Auszeichnungssprache geschrieben ist. Artikel haben normalerweise eine Struktur und sind in den Augen des Browsers DOM. DOM beschreibt eine Reihe hierarchischer Knotenbäume. (Aber zu diesem Zeitpunkt existierte das DOM noch im Browser und war in der Sprache C++ geschrieben)

Mit der Entwicklung der Geschichte geben sich die Menschen nicht mehr mit der bloßen Anzeige von Text zufrieden, und einige Texte erfordern eine besondere Hervorhebung oder Besonderheit Nach und nach entstand der Bedarf an Formaten. Angesichts der Notwendigkeit, den Anzeigeeffekt zu steuern, ist die erste und einfachste Möglichkeit, Markierungen hinzuzufügen. Fügen Sie einige Stilkontroll-Tags hinzu. Zu diesem Zeitpunkt erschienen Stilkontroll-Tags wie Aber auf diese Weise werden alle Markierungen in zwei Kategorien unterteilt: Die eine gibt an, was ich bin, und die andere sagt, wie ich mich zeige. Dies ist kein großes Problem, das Markup ist einfach, aber für den Browser ist es nicht so einfach, das Markup zu analysieren. Denken Sie darüber nach, wenn Sie dies tun, wird DOM in zwei Hauptkategorien unterteilt, eine Kategorie gehört zum DOM-Knoten , der das Element beschreibt, und die andere Kategorie gehört zum DOM-Knoten, der den Anzeigeeffekt beschreibt . Ein DOM-Knoten kann ein Element oder einen Anzeigeeffekt darstellen. Egal wie man es betrachtet, es fühlt sich unangenehm an.

Am Ende haben die Leute beschlossen, das Style-Tag aufzugeben und dem Element-Tag ein Style-Attribut hinzuzufügen. Das Style-Attribut steuert den Stil des Elements (die ursprüngliche Syntax der Style-Deklaration muss sehr einfach sein). Die ursprünglichen Eigenschaften von Stil-Tags sind nun zur Syntax von Stil-Eigenschaften geworden, und Stil-Tags sind zu Stil-Eigenschaften geworden. Dadurch wird die Logik viel klarer. Dann kommt hier das Problem:

  • Wenn ein Artikel zu viel Rhetorik enthält, wird das unweigerlich den Ekel der Leser hervorrufen. Wenn Sie sowohl Elemente als auch Anzeigeeffekte in einer Datei zusammenfassen, wird es definitiv schwer zu lesen sein.

  • Wenn es 10 Elemente gibt, die alle einen Effekt benötigen, müssen Sie dann zehnmal einen Stil schreiben?

  • Den Effekt festlegen übergeordnetes Element Ob es Auswirkungen auf die Unterelemente hat, lassen Sie mich Ihnen sagen

  • . . . . . . . . .

Es muss viele ähnliche Probleme geben, also kamen CSS und Cascading Style Sheets heraus, die CSS-Regeln, CSS-Selektor, CSS-Deklaration, CSS-Attribute usw. brachten. , wodurch die oben genannten Schwachstellen gelöst werden. Die Markup-Language-Schicht wurde gelöst, aber der Browser kann sich nicht einfach zurücklehnen und spielen, er muss Unterstützung bieten. Wenn der Browser also eine statischeHTML-Datei analysiert, durchläuft er das gesamte HTML-Dokument, um einen DOM-Baum zu generieren. Wenn alle Stilressourcen geladen sind, beginnt der Browser mit dem Aufbau eines Rendering-Baums. Der Präsentationsbaum bestimmt, wie jedes DOM-Element basierend auf einer Reihe von CSS-Deklarationen und nach der Kaskadierung gezeichnet werden soll. Zu diesem Zeitpunkt wird auf der Seite tatsächlich keine Schnittstelle angezeigt, und der Rendering-Baum ist auch eine Datenstruktur im Browserspeicher. Nachdem der Rendering-Baum fertiggestellt ist, beginnt das Layout. Dies ist so, als ob Sie die Breite und Höhe eines Rechtecks ​​kennen würden. Jetzt müssen Sie messen, wo es auf der Leinwand gezeichnet werden soll und wie viel Platz es einnimmt. Nachdem dieser Vorgang abgeschlossen ist, erfolgt der Zeichenvorgang, und dann sehen wir die Anzeigeoberfläche.

Das Problem, den Markierungen einige Effekte hinzuzufügen, wurde gelöst und das Rad der Geschichte beginnt sich wieder vorwärts zu bewegen. Allmählich geben sich die Menschen nicht mehr mit einfachen Anzeigeeffekten zufrieden und wünschen sich eine gewisse Interaktion. Zu dieser Zeit hatten die meisten Leute, die HTML schrieben, keine Ahnung von Softwareentwicklung. Wollen Sie mich veräppeln? Als ich die Aktivitätsseite schrieb, baten Sie mich, C++ zu verwenden. Was C++ macht, ist in der Tat eine Flugabwehrkanone, um Mücken zu vernichten – Überqualifizierung und Unterauslastung. Lassen Sie die Guerillas tun, was die reguläre Armee zu tun verachtet. Zu dieser Zeit war die JavaScript-Sprache nicht so beliebt wie heute Universum.

JavaScript ist eine Sprache, die im Browser ausgeführt wird. Es ist für JavaScript unmöglich, statische Dateien zu ändern, aber es kann mit dem Inneren des Browsers umgehen. Aber das DOM ist derzeit nicht das heutige DOM. Es handelt sich um C++-Objekte. Entweder wird JavaScript in C++-Anweisungen umgewandelt, um diese C++-Objekte zu betreiben, oder diese C++-Objekte werden in native JavaScript-Objekte gepackt. Die Geschichte entschied sich für Letzteres und dieses Mal markierte es die offizielle Geburtsstunde des modernen DOM. Allerdings geht die Geschichte manchmal zurück, und es wird immer ein paar seltsame Dinge in der Geschichte geben, wie zum Beispiel IE und seine ganze Familie, einschließlich Edge!

Marx war ein Scharlatan, aber Engels war ein guter Kamerad. Dialektik der Natur und historischer Materialismus sind gute Dinge. Wir können dies aus historischer Perspektive betrachten. Die ultimative Quelle für die Entstehung und Entwicklung von CSS, DOM und JavaScript ist HTML, Hypertext Markup Language. Die Bedürfnisse der Menschen an das Web stimmen letztendlich mit HTML überein. Wenn also in der Geschichte neue Anforderungen entstehen, erfolgen die letzten Änderungen zunächst in der HTML-Spezifikation.

Als Interaktivität die Bedürfnisse der Menschen nicht erfüllen konnte, brachte das Web eine neue Nachfrage mit sich: Web-Apps. Um den neuen Anforderungen gerecht zu werden, muss zunächst die HTML-Spezifikation geändert werden. Derzeit kann HTML5 den wachsenden Anforderungen der Menschen nicht mehr gerecht werden. Es wurde schließlich im Jahr 2014 veröffentlicht. Dieses Jahr offiziell fertiggestellt! HTML5 wird definitiv neue Tags hinzufügen, aber für traditionelles HTML ist HTML5 eine Rebellion. In allen vorherigen Versionen wurde die JavaScript-Schnittstelle nur in wenigen Worten beschrieben. Der Hauptbereich wurde zum Definieren von Tags verwendet, und alle JavaScript-bezogenen Inhalte wurden durch die DOM-Spezifikation definiert. Die HTML5-Spezifikation definiert eine große Anzahl von JavaScript-API zur Verwendung neuer Tags (daher überschneiden sich einige der APIs mit DOM und definieren DOM-Erweiterungen, die Browser unterstützen sollten. Daraus können wir erkennen, dass HTML5 dies sicherlich ist nicht die endgültige Version von HTML).

 

Das obige ist der detaillierte Inhalt vonErfahren Sie, was HTML5 ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!