Teilen Sie unpopuläres Wissen über HTML5

HTML ist die einheitliche Sprache des Webs. Diese groben Tags in spitzen Klammern bilden das heutige Web. Im Jahr 1991 schrieb Tim Berners-Lee ein Dokument mit dem Titel „HTML-Tags“, das etwa 20 HTML-Tags zur Kennzeichnung von Webseiten enthält. Er hat sich direkt den Markup-Stil von SGML ausgeliehen, den HTML-Markup-Stil, den wir später sahen.

Heute wird der Herausgeber von Huwu diese HTML5-Trivia-Fakten aussortieren, die Sie vielleicht nicht kennen.

Führen Sie JavaScriptCode in der Browser-Adressleiste aus
Viele Leute sollten das wissen. Sie können JavaScript-Code direkt in der Browser-Adressleiste ausführen. Die Methode ist, mit Javascript zu beginnen durch Ausführungsanweisung. Beispiel:

Beachten Sie, dass Sie den Javascript-Code manuell in den Browser eingeben müssen, wenn Sie ihn kopieren Chr Ome entfernt automatisch das Javascript: am Anfang des Codes, sodass es für eine korrekte Ausführung manuell hinzugefügt werden muss. Firefox entfernt es zwar nicht automatisch, unterstützt jedoch nicht die Ausführung von JSCode in der Adressleiste überhaupt! !

Führen Sie HTML-Code in der Adressleiste des Browsers aus
Wenn viele Leute das kleine Geheimnis oben kennen, kennen weniger Leute diesen Tipp. In Browsern mit Nicht-IE-Kern kann die Adressleiste HTML-Code direkt ausführen!

Wie auch immer, selbst Huwu-Redakteur, ich habe erst kürzlich zufällig davon erfahren.

Geben Sie beispielsweise den folgenden Code in die Adressleiste ein und drücken Sie die Eingabetaste, um ihn auszuführen. Der angegebene Seiteninhalt wird angezeigt.

Wie unten gezeigt:

Verwenden Sie den Browser als Editor
Nachdem Sie den folgenden Code in die Adressleiste eingefügt und ausgeführt haben, wird der Browser zu einem einfachen und einfachen Editor, genau wie der Notizblock Das kommt mit Windows. Wow, brüllen.

Wie unten gezeigt:

In der letzten Analyse , dank HTML5 Das neu hinzugefügte contenteditable -Attribut , wenn das Element mit diesem Attribut angegeben wird, wird der Inhalt des Elements zum bearbeitbaren -Status .

Nachdem Sie den folgenden Code in die Konsole eingegeben und ausgeführt haben, kann die gesamte Seite bearbeitet werden!

Wie unten gezeigt:

Verwenden Sie ein Tag, um URL automatisch analysieren
Oft müssen wir den Domänennamen aus einer URL extrahieren, Schlüsselwörter abfragen, variable Parameterwerte usw., aber wir hätten nie erwartet, dass der Browser dies problemlos kann Hilfe Wir erledigen diese Aufgabe, ohne regulären Code zu schreiben, um sie zu erfassen. Die Methode besteht darin, zuerst ein a-Tag im JS-Code zu erstellen und dann die zu analysierende URL dem href-Attribut von a zuzuweisen, und dann erhalten wir alles, was wir wollen.

Wie unten gezeigt:

Verwenden Sie die oben beschriebene Methode um Browser-Parameter zu bedienen!

Elemente mit IDs auf der Seite erstellen globale Variablen
In einer HTML-Seite erstellen alle Elemente mit festgelegten ID-Attributen entsprechende globale Variablen in der JavaScript-Ausführungsumgebung, was bedeutet, dass Dokument.getElementById ist so überflüssig wie der menschliche Blinddarm. Aber in tatsächlichen Projekten ist es am besten, es einfach ehrlich zu schreiben. Schließlich ist die Wahrscheinlichkeit, dass etwas schief geht, mit normalem Code viel geringer.

Wie unten gezeigt:

Beim Laden des CDN Datei, Sie können das HTTP-Logo weglassen
Heutzutage lädt ein sehr beliebtes CDN einige gängige JS- und CSS-Dateien von einem dedizierten Server. Aus Sicherheitsgründen verwenden einige CDN-Server HTTPS für die Verbindung, während andere es verwenden Bei herkömmlichen HTTP-Protokollen können wir dies bei der Verwendung ignorieren und in der URL weglassen.

Verwenden Sie das Skript-Tag, um beliebige Informationen zu speichern
Setzen Sie das Skript-Tag auf type='text' und dann können Sie alle Informationen darin speichern es, und dann können Sie es problemlos in JavaScript-Code umwandeln.

Natürlich gibt es noch viel mehr Kleinigkeiten als diese.

[Verwandte Empfehlungen]

1. Kostenloses h5-Online-Video-Tutorial

2. HTML5-Vollversionshandbuch

3. php.cn Original-HTML5-Video-Tutorial

Das obige ist der detaillierte Inhalt vonTeilen Sie unpopuläres Wissen über HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!