Heim > Artikel > Web-Frontend > Erklärung des HTML5/CSS3-bezogenen Wissens
Erklärung des HTML5/CSS3-bezogenen Wissens
- jackloveOriginal
- 2018-05-21 14:53:181217Durchsuche
Ich bin beim Erlernen von HTML und CSS auf einige allgemeine Wissenspunkte gestoßen. In diesem Artikel werden sie ausführlich erläutert.
Was ist HTML5? Was sind die neuen Funktionen? Welche neuen Tags gibt es? Wie kann man dafür sorgen, dass niedrigere Versionen des IE neue HTML5-Tags unterstützen?
HTML5 ist die fünfte große Überarbeitung von HTML. Es wurden viele überflüssige Tags aufgegeben und viele neue Tags hinzugefügt, wodurch HTML semantischer und reicher an interaktiven Funktionen wird.
In HTML5 gibt es viele neue Funktionen:
1. Mehr semantische Tags, die Webseiten eine bessere Bedeutung und Struktur verleihen.
2. Die Web-APP hat eine kürzere Startzeit und eine schnellere Internetgeschwindigkeit
3. Gerätekompatibilität. Externe Anwendungen können direkt mit den Daten im Browser verbunden werden. Beispielsweise können Video und Audio direkt mit Mikrofonen und Kameras interagieren
4. Die Verbindung ist schneller. Vom Server gesendete Ereignisse und WebSockets implementiert, die einen seitenbasierten Echtzeit-Chat, ein schnelleres Webspielerlebnis und eine optimiertere Online-Kommunikation ermöglichen
5. Durch Verweise auf Audio- und Video-Tags können Multimediainhalte auf der Seite eingebettet werden
6. Basierend auf den dreidimensionalen, grafischen und Spezialeffektfunktionen von SVG und Canvas
Das Folgende sind einige neue Tags und Änderungen
1. Über DOCTYPE
//Vorheriges HTML
canvas-Tag definiert Grafiken, wie Diagramme und andere Bilder. Dieses Tag basiert auf der JavaScript-Zeichen-API
Audio definiert Audioinhalte
Video definiert Video (Video oder Film)
Quelle definiert Multimediaressourcen
Methode 1
JavaScript hinzufügen ;head>
<head>
<script type="text/javascript">
document.createElement('header') document.createElement('footer') </script></head>Auf diese Weise können Sie die hinzugefügten Tags im IE verwenden
Verwenden Sie html5shiv.js
, um
<!--[if lt IE 9]> <script type="text/javascript" src="https://cdn.bootcss.com/html5shiv/r29/html5.js"></script> <![endif]-->in hinzuzufügen. Wenn die Browserversion niedriger als IE9 ist, wird dieses Skript analysiert Was sind die neuen Eingabetypen? emali gibt die E-Mail ein, wenn sie nicht dem E-Mail-Format entspricht, und es wird eine Eingabeaufforderung angezeigt.
URL Geben Sie die URL ein , es kann nicht übermittelt werden und es erscheint eine Eingabeaufforderung
Nummer kann nur Zahlen eingegeben werden
BereichA-Ziehsteuerung
Was ist ein Cookie?
Cookie bezieht sich auf die Daten, die einige Websites auf dem lokalen Terminal des Benutzers (Client-Seite) speichern, um die Identität des Benutzers zu identifizieren.
Cookie wird je nach Speicherort immer im Client gespeichert Der Client-Standort kann in Speichercookies und Festplattencookies unterteilt werden.
Speichercookies werden vom Browser verwaltet und im Speicher gespeichert. Sie verschwinden nach dem Schließen des Browsers und ihre Existenzdauer ist nur von kurzer Dauer. Festplattencookies werden auf der Festplatte gespeichert und haben eine Ablaufzeit, sofern der Benutzer sie nicht manuell bereinigt oder die Ablaufzeit erreicht ist, werden die Festplattencookies nicht gelöscht und ihre Existenzdauer ist langfristig. Daher können sie je nach Existenzzeit in nicht persistente Cookies und persistente Cookies unterteilt werden.
Nehmen Sie die Anmeldung als Beispiel
1. Der Client sendet den Benutzernamen und das Passwort an den Server
2. Die Der Server authentifiziert sich erfolgreich und authentifiziert den Benutzer. Die Bindung von Status und SessionID wird auf der Serverseite aufgezeichnet
3. Bei der Antwort an den Client wird die SessionID in das Antwort-Header-Feld geschrieben. Set-Cookie
Der Client empfängt die Antwort und speichert die SessionID als Cookie. Von nun an tragen vom Client gesendete Anfragen dieses Cookie im Anfrageheader.
Was ist localStorage?
localStorage ist eine API für die lokale dauerhafte Speicherung von Clientdaten
Websites mit demselben Domänennamen teilen sich dasselbe localStorage-Objekt. Lokale Speicher verschiedener Domänennamen können nicht aufeinander zugreifen (dasselbe gilt für Cookies).
Der Speicherplatz jedes Domänennamens ist begrenzt, mindestens 5 MB (Cookie). ist nur etwa 4 KB groß.)
localStorage verwendet Schlüssel-Wert-Paare zum Speichern von Daten. Der Schlüsselwert muss eine Zeichenfolge sein (dasselbe gilt für Cookies).
Was ist der Unterschied zwischen Cookie und localStorage?
1. Der Server bringt Cookies mit, wenn er Anfragen sendet.
2. Cookies haben eine Speicherdauer und verfallen automatisch, wenn sie ablaufen. LocalStorage wird jedoch nicht gelöscht, sofern sie nicht manuell gelöscht werden , localStorage ist ca. 5 MB
Zusammenfassung häufig verwendeter APIs für Javascript-Operationen auf DOM
Vollständige Zusammenfassung von JavaScript Timer & DOM-Dokument
Detaillierte Erklärung der Funktionsweise von AJAX und seiner Vor- und Nachteile
Das obige ist der detaillierte Inhalt vonErklärung des HTML5/CSS3-bezogenen Wissens. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!