Der Hauptteil des HTML -Dokuments enthält normalerweise den angegebenen Seitentitel, der Informationen über die Seite selbst enthält, die Stiltabelle lädt und die JavaScript -Datei lädt (für die Leistungsüberlegungen wird die meiste Zeit am Ende der Seite < /Körperlast vor dem Ende der Etikett endet JavaScript). Mit Ausnahme des Titels ist der Inhalt im Kopf für Seitenbesucher nicht sichtbar.
Das Folgende ist ein Beispiel für den Kopfteil des HTML -Dokuments:
<Head> <meta charset = utf-8/> <meta name = author content = adam freeman/> <titels> Ihr Seitentitel </title> <base href = http: // titings/target = _ leer/> < Stiltyp = Text/CSS> A {Hintergrundfarbe: grau; TitelelementDas Kopfelement muss ein Titelelement enthalten, das auf der Registerkarte des Browsers oder oben im Browserfenster als Titel der Webseite und im Zusammenhang mit dem Browser angezeigt wird.
GrundelementDas Basiselement wird verwendet, um eine Benchmark -URL einzustellen, um die relativen Links im HTML -Dokument auf dieser Grundlage zu analysieren. Wenn es nicht angegeben ist, verwenden Sie die URL des aktuellen Ladedokuments. Das Basiselement kann auch den Weg zum Öffnen des Links festlegen, wenn der Benutzer klickt, und wie der Browser beim Senden des Formulars reagiert.
<Basis href = http: // bjpowerNode/listings/target = _blank/>
1) HREF ist die angegebene Benchmark -URL.
2) Wo alle Links auf der Seite geöffnet werden, einschließlich dessen, wo das Zielattribut geöffnet wird, einschließlich des Wertes:
1) _blank: Öffnen Sie das angeschlossene Dokument im neuen Fenster;
2) selbst: Öffnen Sie standardmäßig das Link -Dokument im selben Framework.
3) _PARENT: Öffnen Sie das verknüpfte Dokument im übergeordneten Frame;
4) _top: Öffnen Sie das Linkdokument im gesamten Fenster;
5) Framenname: Öffnen Sie das Linkdokument im angegebenen Framework.
Meta -ElementMeta -Elemente werden verwendet, um verschiedene Metadaten von Dokumentation zu definieren. Kopfelement.
Geben Sie das Name/Wert -Metadatenpaar an<meta name = Autor content = adam freeman/>
Das Namensattribut wird verwendet, um die Art von Metadaten darzustellen, die den Wert des Inhaltsattributs liefert. Das Namensattribut des Namens enthält die folgenden Werte:
1) Anwendungsname: Der Name des Webanwendungssystems, das zur aktuellen Seite gehört;
2) Autor: Der Autor Name der aktuellen Seite;
3) Beschreibung: Anweisungen der aktuellen Seite;
4) Generator: Der Software -Name, der zum Generieren von HTML verwendet wird;
5) Schlüsselwörter: Beschreiben Sie den Inhalt der Seite.
Zusätzlich zu den obigen fünf vordefinierten Metadatennamen können Sie auch die Metadatenerweiterung verwenden (http://wiki.whatwg.org/wiki/Metaextensions) haben diese Erweiterungslisten, die häufig aktualisiert werden. Einige Erweiterungen werden mehr verwendet, z. B. Roboter -Metadaten.
<meta name = roboter content = noIndex/>
Dieses Attribut enthält Werte, die die meisten Suchmaschinen erkannt werden:
1) NONDEX: Index diese Seite nicht;
2) Noarchive: Archivieren oder speichern Sie diese Seite nicht;
3) Nofollow: Suchen Sie nicht weiter mit dem Link auf dieser Seite.
Die meisten Suchmaschinen geben Richtlinien zur Optimierung von Webseiten oder ganzen Websites an. Sie können Webseiten oder Website -Optimierungsrichtlinien anzeigen, die von der entsprechenden Suchmaschine bereitgestellt werden.
Deklaration Charaktercode<meta charset = utf-8 />
Die Zeichencodierung des Meta-Element-Deklarationsdokuments im Kopfelement ist UTF-8 (Standard).
Simulation HTTP -HeaderfeldMeta -Elemente können verwendet werden, um den Wert von drei HTTP -Headerfeldern zu simulieren oder zu ersetzen.
<meta http-äquiv = aktualisiert Inhalt = 5/>
Die Verwendung des HTTP-äquiv-Attributs ist der Name des Feldnamens, der den simulierten Header angibt, und der Feldwert wird in der Inhaltseigenschaft angegeben. Der optionale Wert der HTTP-Equiv-Eigenschaft ist wie folgt:
1) Aktualisieren: Laden Sie ein Zeitintervall in Sekunden in Sekunden. Sie können auch eine URL separat angeben, damit der Browser geladen werden kann, z. B.:
<meta http-äquiv = RepressH Content = 5;
2) Standardstil: Geben Sie die von der Seite bevorzugte Stiltabelle an.
3) Inhaltstyp: Eine andere Methode, um die auf der HTML-Seite verwendete Zeichencodierung zu deklarieren, wie z. B. ::
<meta http-äquiv = content-type content = text/html charset = utf-8/>Stilelement
Definieren Sie den CSS -Stil, der in das HTML -Dokument eingebettet ist.
<Style type = text/css> a {Hintergrundfarbe: grau;Ein neuer Stil ist für das A -Element konzipiert. Stilelemente können in verschiedenen Teilen von HTML -Dokumenten erscheinen.
Medien, die Stil für Stilelemente angeben können:
<Style Media = Bildschirm und (Min-Width: 500px) Typ = Text/CSS> ...... </style>
Der Bildschirm im Medienattribut ist ein Gerätetyp, und der Bereich des optionalen Werts umfasst:
1) Alle: Verwenden Sie den Stil für alle Geräte (Standardwerte);
2) AURAL: Verwenden Sie den Stil für Sprachsynthesizer;
3) Braille: Verwenden Sie den Stil, um das Gerät zu fragen.
4) Handheld: Verwenden Sie den Stil für Handheld -Gerät;
5) Projekt: Verwenden Sie Stile für Projektoren;
6) Drucken: Wenn Sie den Stil zum Drucken von Vorschau und Drucken verwenden;
7) Bildschirm: Verwenden Sie den Stil für den Computeranzeigebildschirm.
8) TTY: Verwenden Sie den Stil für Geräte für gleiche Breite wie elektrische Passmaschinen;
9) TV: Verwenden Sie Stil für Fernsehen.
(Min-Width: 500px) Spezifische Funktionen in der Medienzuordnung, einschließlich:
1) Breite Höhe: Geben Sie die Breite und Höhe des Browserfensters an, Einheit PX, zum Beispiel: Breite: 200px
2) Gerätebreiten-Gerätehöhe: Geben Sie die Breite und Höhe des gesamten Geräts an (nicht nur das Browserfenster), Einheit PX, zum Beispiel: Min-Device-Höhe: 200px
3) Auflösung: Die Pixeldichte des Geräts, die Einheit DPI (Punkt/Zoll) oder DPCM (Punkt/cm), zum Beispiel: MAX-Auflösung: 600DPI
4) Orientierung: Die langen Grafschaft des angegebenen Geräts, der optionale Wert ist Porträt und Landschaft
5) Aspekt-Ratio-Geräte-Aspespat-RATIO: Geben Sie das Pixelbreitenverhältnis des Browserfensters oder des gesamten Geräts an, zum Beispiel: min-asspece-ratio: 16/9
6) Farbmonochrom: Geben Sie die binären Ziffern an, die jedes Pixel auf jedem Pixel auf der Farbe oder dem Schwarz-Weiß-Gerät besetzt, zum Beispiel: min-monochrom: 2
7) Color-Index: Die Anzahl der Farben, die vom angegebenen Gerät angezeigt werden können, zum Beispiel: max-color-idex: 256
8) Scan: Geben Sie den Scan -Modus des Fernsehgeräts an, einschließlich Wertschöpfung und Interlation
9) Gitter: Der Art des angegebenen Geräts beträgt der Supportwert 0 und 1 (1 repräsentiert ein Gerät vom Typ Grid, unter Verwendung eines festen Gitteranzeigeinhalts)
LinkelementEs wird verwendet, um eine Verbindung zwischen HTML -Dokumenten und externen Ressourcen (z. B. CSS -Stiltabellen) herzustellen. Das Link -Element enthält 6 lokale Attribute wie folgt:
1) HREF: Geben Sie die URL der Ressource an, die auf das Verbindungselement hingewiesen wird.
2) HREFLANG: Erklären Sie die in den zugehörigen Ressourcen verwendete Sprache;
3) Medien: Erklären Sie, welches Gerät im zugehörigen Inhalt verwendet wird, und in den Medienattributen im Stil;
4) Rel: Der Bereich der Beziehung zwischen dem Dokument und den zugehörigen Ressourcen lautet wie folgt:
--- Alternativ: Die alternative Version des Links zum Dokument, wie die Übersetzung einer anderen Sprache;
--- Autor: Autor des Links zum Dokument;
--- Hilfe: Das Beschreibung Dokument, das mit dem aktuellen Dokument verbunden ist;
--- Symbol: Icon-Ressourcen angeben;
--- Lizenz: Link zur entsprechenden Lizenz zum aktuellen Dokument;
--- Pingback: Geben Sie einen Pingback-Server an, der beim Verknüpfen von anderen Websites mit Blogs automatisch benachrichtigt werden kann.
--- Prefetch: Holen Sie sich eine Ressource im Voraus;
--- Stylesheet: Laden Sie den externen Stiltisch.
5) Größen: Geben Sie die Größe des Symbols an;
6) Typ: Geben Sie den MIME-Typ der zugehörigen Ressourcen an, z. B. Text/CSS, Bild/X-ICON.
Laden Sie den externen Stiltisch<link rel = stylesheet type = text/css href = styles.css/>
Sie können mehrere Link -Elemente verwenden, um mehrere externe Ressourcen zu laden.
Definieren Sie das Website -Logo für die Seite<link rel = Shortcut-Symbol href = favicon.ico type = Bild /x-icon />
Wenn der Browser mit der HTML -Seite geladen wird, wird das Website -Logo geladen und angezeigt.
HINWEIS: Wenn sich die Website -Logo -Datei in /favicon.ico (das Root -Verzeichnis des Webservers) befindet, müssen die meisten Browser diese Datei beim Laden der Seite automatisch verwenden, auch wenn es vorhanden ist, selbst wenn es vorhanden ist, auch wenn es vorhanden ist, auch wenn es vorhanden ist, auch wenn es vorhanden ist, auch wenn es vorhanden ist, auch wenn es vorhanden ist, auch wenn es vorhanden ist, auch wenn es vorhanden ist, auch wenn es vorhanden ist, auch wenn es vorhanden ist, auch wenn es vorhanden ist, auch wenn es vorhanden ist, auch wenn es vorhanden ist, auch wenn es vorhanden ist, auch nicht. Kein Linkelement.
Pre -obtain -Ressource
Der Browser kann erforderlich sein, um die Ressourcen zu erhalten, die voraussichtlich bald verwendet werden.
<link rel = prefetch href =/page2.html/>
Hinweis: Nicht alle Browser unterstützen diese Funktion derzeit.
SkriptelementSie werden zum Hinzufügen von Skripten auf der Seite verwendet, Sie können das Skript definieren und das Skript im Dokument direkt verweisen. Die von diesem Element unterstützten lokalen Attribute sind wie folgt:
1) Typ: Der Typ des referenzierten oder definierten Skripts für das Attribut des JavaScript -Skripts kann weglassen
2) SRC: Geben Sie die URL der externen Skriptdatei an
3) Verschieben Sie Async (HTML5 Neuzugang): Setzen Sie die Ausführungsmethode des Skripts. Diese beiden Attribute können nur mit den SRC -Attributen verwendet werden
4) CharSet: Erklären Sie die in der externe Skriptdatei verwendete Zeichencodierung, die nur mit dem SRC -Attribut verwendet werden kann
Definieren Sie das Dokument im eingebetteten Skript<Script> document.write (dies ist aus dem Skript);
Standardmäßig wird der Browser ausgeführt, sobald das Skript auf die Seite stößt.
Laden Sie die externe SkriptbibliothekSie können das Skript in eine separate Datei einfügen und dann das HTML -Dokument mit Skriptelementen laden.
<script src = simple.js> </script>Erschöpfen Sie die Ausführung des Skripts
Verwenden Sie Async und Defer Attribute, um die Ausführungsmethode des Skripts zu steuern.
<Script defer src = simple2.js> </script>
Da HTML ausgeführt wird, wenn es auf ein Skript stößt. Wenn Ihr Skript den Inhalt im HTML -Skript verwenden muss, müssen Sie das Skript normalerweise in das entsprechende HTML -Skript einfügen, aber in HTML5 kann der gleiche Zweck mit dem Aufschub erreicht werden Eigentum.
Wenn der Browser auf Skriptelemente trifft, besteht das Standardverhalten darin, die Verarbeitungsseite beim Laden und Ausführen des Skripts auszusetzen, und jedes Skriptelement wird nacheinander ausgeführt. Async -Attribute können während des Browser -Parsen -HTML -Dokuments asynchrones Laden und Ausführen von Skripten sein.
<script async src = simple2.js> </script>NoScript -Element
Das NoScript -Element wird verwendet, um Benutzer, die JavaScript deaktivieren, einige Inhalte anzuzeigen, oder Browser unterstützen JavaScript nicht.
<noscript> <h1> JavaScript ist erforderlich!
Eine andere Wahl besteht darin, es zu einer anderen URL zu führen, wenn der Browser JavaScript nicht unterstützt.
<NoScript> <meta http-equiv = aktualisieren content = 0;