Heim >Web-Frontend >H5-Tutorial >HTML5-Standard-Lernen – Einführung

HTML5-Standard-Lernen – Einführung

黄舟
黄舟Original
2017-03-27 15:33:141455Durchsuche

Die Front-End-Gruppen waren in letzter Zeit ziemlich beschäftigt, aber ich habe festgestellt, dass sich die meisten Diskussionen um javascriptProbleme im Zusammenhang mit CSS, es scheint, dass jeder, der versucht, verschiedene Interaktionen und Stile zu erstellen, die Grundlage von allem vergessen hat – HTML

Tatsächlich mag ich HTML sehr und denke Diese Sprache ist weitaus besser als XML Es ist interessant und seine Flexibilität und Portabilität liegen weit außerhalb der Reichweite des extrem standardisierten XML. Gleichzeitig ist es aufgrund seines extrem kleinen Umfangs und der begrenzten Tags möglich seine eigenen Gewissheiten. 🎜>

Der erste Teil dieser Serie wird in sehr kurzer Zeit einige

grundlegende Konzepte in HTML5 vorstellen und:

  • Kümmert sich nur um die Sprache von HTML, anderes Javascript oder CSS wird überhaupt nicht behandelt

  • Der Schwerpunkt liegt nur auf HTML, wird aber nicht behandelt Im Detail erklärt. Für die Browser-Analyse gelten strengere Spezifikationen.

  • bezieht sich hauptsächlich auf die offizielle Dokumentation von whatwg zur aktuellen Version. Die Kompatibilität mit Mainstream-Browsern wurde evaluiert.

  • Es werden nur grundlegende Konzepte vorgestellt und keine Implementierungsdetails wie Dokumentparsing, DOM-Baumkonstruktion und Skriptausführung berücksichtigt. 🎜>

  • Danach werden möglicherweise einige technische Details im Zusammenhang mit der Funktionsweise des Browsers, wie z. B. Skriptanalyse und -ausführung, für eine ausführlichere Diskussion extrahiert

Wenn Sie das Gefühl haben, dass HTML unbequem ist, weil das Start-Tag und das End-Tag gelegentlich weggelassen werden können und es zu unregelmäßig ist, erfahren Sie in dieser Serie, dass es sehr strenge Regeln für das Weglassen von Tags in HTML gibt ...

Wenn Sie Denken Sie, dass HTML einfach ist, und schreiben Sie es im schlimmsten Fall gemäß XML. Dann wird Ihnen diese Serie zeigen, dass HTML voller Fallen ist. Auch ohne die Implementierung jedes Browsers zu berücksichtigen, können Sie möglicherweise nicht sicher durch dieses Minenfeld gehen ...

Bevor Sie mit dieser Serie beginnen, müssen einige sehr wichtige Konzepte vorgestellt werden. Einzelheiten finden Sie im Kapitel „Terminologie“, einige davon werden jedoch nicht häufig im Referenzhandbuch zitiert , nur ein kleiner Teil davon hat eine bekannte Bedeutung:

    Browsing-Kontext – Browsing-Kontext
  • ist die Seite, die wir normalerweise sehen. Genauer gesagt ist der Browsing-Kontext eine Umgebung. In dieser Umgebung wird HTML analysiert und erstellt, CSS-Stile werden berechnet und angewendet, Javascript-Skripte werden geladen und ausgeführt und schließlich werden Inhalte erstellt, die für Endbenutzer sichtbar sind angezeigt.
  • Im Allgemeinen sind die Kontexte, mit denen wir am häufigsten in Kontakt kommen, die folgenden:

    • Ein Browserfenster, beispielsweise ein IE6-Fenster.
    • Ein Tab in einem Multi-Tab-Browser, Firefox, Chrome und anderen Browsern erledigt dies.
    • Ein
    • -Element ist auch ein unabhängiger Browsing-Kontext.

      <iframe>

    • In einem Frameset bildet ein
    • -Element auch einen unabhängigen Browsing-Kontext.

      <frame>

    Neue Zeile – neue Zeile
  • Wie in grundlegenden Computerkursen gelernt, definiert HTML drei Arten von Zeilenumbrüchen:
  • Verschiedene Systeme verfügen über eigene standardmäßige Zeilenumbruch-Ausgaben, um sicherzustellen, dass Browser die drei gängigen Zeilenumbruchmethoden korrekt analysieren können.

    • Zeichen U+000D, das ist das r-Zeichen.
    • Zeichen U+000A, also n Zeichen.
    • Auf das Zeichen U+000D folgt U+000A, die rn-Zeichenfolge.
    Leerzeichen - Leerzeichen
  • Leerzeichen spielen in HTML eine sehr wichtige Rolle. Beispielsweise können die Attribute eines Elements getrennt werden durch durch Leerzeichen getrennt. Unter normalen Umständen drücken Entwickler die Leertaste, um ein Leerzeichen einzugeben. Wenn viele Attribute vorhanden sind, können sie die Eingabetaste verwenden, um die Attribute besser anzuordnen. Aber wahrscheinlich werden nur wenige Leute darüber nachdenken, warum der Wagenrücklauf den gleichen Effekt hat wie der von Leerzeichen. Welche anderen Zeichen kann HTML als Leerzeichen analysieren?
  • In Bezug auf das Leerzeichenproblem hat jQuery dieses Problem ebenfalls behoben und es besteht auch heute noch. In Zeile 1738 von jQuery 1.5.1 wird ein regulärer Ausdruck

    definiert, der dazu dient, die Klassenattribute von Elementen durch Leerzeichen zu trennen. In Version 1.4.4 fehlt diesem regulären Ausdruck

    offensichtlich r, und dieses BUG-Element veranschaulicht dieses Problem. Schade ist natürlich, dass Version 1.5.1 immer noch nicht alle Leerzeichen im Standard berücksichtigt, also den Seitenumbruch U+000C nicht beherrscht. /[ntr]/g/[nt]/g


      Das Zeichen U+0020 ist ein gewöhnliches Leerzeichen.
    • Das Zeichen U+0009 ist das horizontale Tabulatorzeichen t.
    • Das Zeichen U+000A ist das n-Neuzeilenzeichen.
    • Das Zeichen U+000D ist das r-Wagenrücklaufzeichen.
    • Zeichen U+000C, dies ist ein Seitenumbruch und kommt selten vor.

Das obige ist der detaillierte Inhalt vonHTML5-Standard-Lernen – Einführung. 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