Artikeleinführung von Wulin.com (www.vevb.com): Die Entwicklung der Internet -Technologie ist erstaunlich schnell. Wenn Sie nicht vorsichtig sind, können Sie möglicherweise nicht mithalten. Die Änderungen und Aktualisierungen von HTML5 haben auch viele Menschen überwältigt. In diesem Artikel werden Ihnen einige der grundlegendsten und sehr notwendigsten HTML -Techniken vorgestellt.
Die Entwicklung der vernetzten Technologie ist erstaunlich schnell. Wenn Sie nicht vorsichtig sind, können Sie möglicherweise nicht mithalten. Die Änderungen und Aktualisierungen von HTML5 haben auch viele Menschen überwältigt. In diesem Artikel werden Ihnen einige der grundlegendsten und sehr notwendigsten HTML -Techniken vorgestellt.
1. neuer Dokumenttyp (docType)
Verwenden Sie immer noch den oben genannten XHTML -Dokumenttyp, der sowohl problematisch als auch schwer zu erinnern ist? Wenn dies noch der Fall ist, ist es Zeit, zum neuen HTML5 -Dokumenttyp zu wechseln.
Einfach so einfach 15 Zeichen. (Hinweis: Ihre DocType -Erklärung muss in der ersten Zeile Ihrer HTML -Datei angezeigt werden.)
2. Grafik (Abbildung) Elemente
Erwägen Sie, den folgenden Code zu verwenden, um Bilder zu markieren?
Leider kann es nicht mit dem Titel des Diagramms auf einfache, semantische Weise zugeordnet werden, da es einfach mit Absatzmarken und Bildelementen verpackt ist, und HTML5 verbessert dies durch Einführung von <Figuren> Elementen. In Verbindung mit dem <FigCaption> -Element können wir den Grafik -Titel mit der Grafik kombinieren. Der Code ist wie folgt:
3. Definieren Sie <klein>
Es stellt sich heraus, dass Sie das <Small> Element verwenden können, um Untertitel zu erstellen, die eng mit dem Logo zusammenhängen. Jetzt hat HTML5 diese Verwendung jedoch geändert, und das <kleine> Element wurde neu definiert oder angemessener, es wird jetzt verwendet, um kleine Wörter oder andere Seitennotizen darzustellen (z. B. eine Bekanntmachung des Urheberrechts am Ende der Website).
4.. Es werden keine Skripte oder Link -Typen mehr benötigt
Höchstwahrscheinlich fügen Sie Ihren Links und Skript -Tags wie dem folgenden Code immer noch Eigenschaften vom Typ hinzu.
In HTML5 wird dies nicht mehr benötigt. Dies bedeutet, dass diese beiden Labels Stile bzw. Skripte darstellen. Daher können wir alle ihre Typattribute löschen. Der Code ist wie folgt:
5. Verwenden oder nicht Zitate
Denken Sie daran, dass HTML5 sich von XHTML unterscheidet, und Sie müssen die Attribute nicht in Zitate einwickeln, wenn es Ihnen nicht gefällt. Wenn Sie jedoch der Meinung sind, dass Sie Zitate verwenden, werden Sie sich wohler fühlen, natürlich gibt es keine Probleme.
6. Machen Sie Ihren Inhalt bearbeitbar
Eine der sehr leistungsstarken Funktionen von HTML5 ist zufrieden, dass der Benutzer, wie der Name schon sagt, alle in einem Element enthaltenen Textinhalte (einschließlich seiner untergeordneten Elemente) bearbeiten können. Es verfügt über eine Vielzahl von Verwendungsmöglichkeiten, wie einfache Aufgabenlisten oder Wiki-basierte Websites, und einer seiner Vorteile besteht darin, dass es den lokalen Speicher verwendet.
Oder, wie der fünfte Trick sagt, können Sie auch den Code in Zeile neun wie diesen schreiben (ohne Zitate):
7. E -Mail -Eingabe
Wenn wir den E -Mail -Typ anwenden, um die Form der Eingabe anzugeben, können wir den Browser befehlen, um nur eine Zeichenfolgeeingabe zuzulassen, die der gültigen E -Mail -Adressstruktur entspricht. Obwohl in Kürze eingebautes Formularverifizierung eintreffen wird, können wir uns nicht ganz darauf verlassen. Ältere Browser verstehen diesen E -Mail -Typ nicht, sie kehren einfach zum normalen Textfeld zurück.
Wenn es um Elemente und Attribute geht, die der Browser unterstützt und nicht unterstützt, müssen Sie wissen, dass alle Browser derzeit nicht so zuverlässig sind. Beispielsweise unterstützt die Opera nur die E -Mail -Überprüfung, wenn Sie das Namensattribut festlegen. Es unterstützt jedoch nicht das Platzhalterattribut (wie unten erläutert wird). Während Sie diese Form der Überprüfung verwenden können, verlassen Sie sich zwar nicht zu sehr darauf.