Diese Anleitung zeigt, was ein HTML-Starter-Template ist.
Was ist ein HTML-Starter-Template?
Eine HTML-Startvorlage enthält die -Deklaration, die -,
- und -Tags sowie einen grundlegenden Satz von CSS-Stilen und JavaScript-Skripts. Diese Tags bilden eine Grundlage für die Erstellung einer Webseite, was den Entwicklern viel Zeit und Mühe erspart.Das HTML-Starter-Template sieht folgendermaßen aus:
< html Nur = 'In' >
< Kopf >
< Meta Zeichensatz = 'UTF-8' >
< Meta Name = 'Ansichtsfenster' Inhalt = 'Breite = Gerätebreite, Anfangsskalierung = 1' >
< Titel > Linux < / Titel >
< Verknüpfung rel = 'Stilvorlage' href = './style.css' >
< Meta http-Äquiv = 'X-UA-kompatibel' Inhalt = 'dh = Kante' >
< / Kopf >
< Körper >
< h1 > HTML-Starter-Vorlage < / h1 >
< / Haupt>
< Skript Quelle = 'index.js' >< / Skript >
< / Körper >
< / html >
Befolgen Sie die folgende Demonstration, um mehr über die Tags/Elemente zu erfahren, die in der HTML-Startvorlage verfügbar sind:
Das -Tag
Der ' ”-Tag enthält die Daten über den Dateityp und teilt dem Browser mit, wie er es rendern soll. Dieses Tag hilft sehr bei der Suchmaschinenoptimierung, indem es Informationen darüber liefert, welche Version von HTML zum Erstellen der Webseite verwendet wird. Fehlt dieser Tag in einer HTML-Datei, kann sich der Webbrowser unerwartet verhalten oder falsche Elemente anzeigen.
Das -Tag
Der ' ”-Tag ist ein erforderliches Element und fungiert als Container für alle HTML-Elemente. Es ist das Wurzelelement, was bedeutet, dass alle anderen Elemente darin platziert werden müssen, um richtig zu funktionieren. Dieses Tag kann verwendet werden, um die Struktur und den Inhalt der Webseite zu definieren und dabei zu helfen, die Metadaten über das Dokument anzugeben. Mit seiner „ Nur ”-Attribut kann die Sprache der HTML-Seite eingestellt werden:
< html Nur = 'In' >// Code
< / html >
Im obigen Code-Snippet ist die Sprache der HTML-Seite auf „ Englisch “.
Das „“-Tag
Die Informationen über die Webseite werden in das „
// Einfügung Code Hier
< / Kopf >
Die -Tags
Das -Tag stellt Metadaten zum HTML-Dokument bereit, z. B. Zeichensatz, Schlüsselwörter und Beschreibung der Seite. Es spielt eine wesentliche Rolle bei der Optimierung der Browser-Engine. Es stellt sicher, dass der Webbrowser den Text mit den richtigen Codierungsstandards korrekt anzeigt. Wird auch verwendet, um die Schlüsselwörter und Beschreibungen für die HTML-Seite festzulegen:
< Meta ... / > Das -Tag
Der '
Nach dem Ausführen der obigen Codezeile innerhalb des „
Die obige Ausgabe zeigt, dass die im „
Das -Tag
Dieses Tag wird verwendet, um HTML-Dateien mit anderen Dateien zu verknüpfen, um das Styling oder die Methoden in der HTML-Datei zu erben oder zu verwenden. Die anderen Dateien können CSS-Dateien sein, die vom Entwickler erstellt wurden, oder einige CDNs der CSS-Frameworks wie Bootstrap oder Tailwind usw. Es wird häufig verwendet, da durch seine Verwendung die Codezeile stark abnimmt und vorgefertigte Stile bereitstellt, die verwendet werden können die HTML-Datei:
< Verknüpfung rel = 'Stilvorlage' href = './style.css' >In der obigen Codezeile ist das „ style.css “-Datei wird mit der HTML-Datei verknüpft. Jetzt kann auf die Klassen zugegriffen werden, die in der Datei „style.css“ erstellt wurden, um das Styling in der HTML-Datei anzuwenden. Versuchen Sie beispielsweise, das „ ”-Tag, das bereits mithilfe der folgenden CSS-Eigenschaften in die HTML-Datei eingefügt wurde:
h1 {Schriftfamilie: Times New Roman;
Farbe : dunkelcyan;
}
Fügen Sie den obigen Code in das „ style.css ' Datei. Nach dem Rendern sieht die Webseite so aus:
Die Webseite zeigt, dass die Stile auf das HTML-Element aus der externen CSS-Datei mit dem „ ' Schild.
Das „ “-Tag
Die Hauptverwendung des
-Tags besteht darin, den gesamten sichtbaren Inhalt der Webseite zu enthalten. Dazu gehören mehrere Tags, die beim Einfügen von Text, Bildern, Videos und anderen Elementen auf der Webseite helfen, die den Hauptinhalt der Webseite ausmachen. Es kann auch verwendet werden, um CSS-Eigenschaften sofort auf die Webseite anzuwenden. Es verbessert auch die Barrierefreiheit der Webseite, indem es semantische Tags und andere Barrierefreiheitsfunktionen enthält: < Körper >// Fügen Sie hier HTML-Elemente hinzu
< / Körper >