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

HTML5-Standard-Lernen – Einführung

Mar 27, 2017 pm 03:33 PM

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!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML 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 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 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 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.

HTML-geordnete Liste 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-Eingabeplatzhalter 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.

Text in HTML verschieben 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-Onclick-Button 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.

See all articles