suchen
HeimWeb-FrontendHTML-TutorialDetaillierte Erläuterung der HTML-Webseiten-Header-Codebeispiele_HTML/Xhtml_Webseitenproduktion

Wissenspunkt 1: Legen Sie die Basis-URL der Webseite in den Header-Informationen fest

Der Kern der Basis-URL besteht darin, die Attribute des Hyperlinks einheitlich festzulegen. Das Basis-URL-Tag ist , das zwei Attribute hat, href und _target. href wird verwendet, um den Pfad der Basis-URL festzulegen, und _target wird verwendet, um die Öffnungsmethode des Hyperlinks festzulegen.

Durch Hinzufügen der Basis-URL können alle relativen Website-Stammadressen auf der Seite in absolute Adressen umgewandelt werden. Wenn der Browser die Seite durchsucht, werden die relative Website- und Verzeichnisadresse über das -Tag an den Basis-URL-Pfad angehängt und dadurch in eine absolute Adresse umgewandelt. Wir erstellen zunächst eine base.htm und schreiben den HTML-Code wie folgt:


Code kopieren
Der Code lautet wie folgt:

>
Basis-URL-Einstellung www .jb51.net" _target="_blank" />





Legen Sie die Basis-URL über den obigen Code fest. Der Adresse eines Hyperlinks auf der Base.htm-Seite wird „http://www.jb51.net“ vorangestellt, das in eine absolute Adresse umgewandelt wird. Darüber hinaus werden die Hyperlinks auf der Seite in neuen Fenstern geöffnet.

Wissenspunkt 2: Meta-Informations-Tag der Header-Informationen

Das Metainformations-Tag ist das Basis-Tag für Header-Informationen. Professionelle Webseitencodes verfügen über detaillierte Einstellungen für Metainformationen. Das Metainformations-Tag ist , ein einzelnes Tag. Die vom Meta-Element bereitgestellten Informationen sind für durchsuchende Benutzer unsichtbar und werden im Allgemeinen zum Definieren des Namens, der Schlüsselwörter, des Autors usw. von Seiteninformationen verwendet. In einer HTML-Seite enthält ein Meta-Tag einen Meta-Inhalt, und eine HTML-Header-Seite kann mehrere Meta-Elemente enthalten.

Meta-Tag-Attribute werden in zwei Typen unterteilt: Seitenbeschreibungsattribut (Name) und http-Titelinformationen (http-Äquivalent).

Namensattribut

Das Namensattribut wird hauptsächlich zur Beschreibung des Inhalts von Webseiten und zur Suchmaschinenoptimierung verwendet und muss daher beherrscht werden. Stellen Sie das Namensattribut richtig ein, damit die Suchroboter von Suchmaschinen (wie Google, Baidu) Metawerte finden und klassifizieren können, um Webseiten zu klassifizieren. Der Wert des Namens ist wie folgt:

Schlüsselwörter. Das heißt, Schlüsselwörter werden verwendet, um die auf der Webseite enthaltenen Schlüsselwörter und andere Informationen zu beschreiben, wodurch die Wahrscheinlichkeit erhöht wird, von Suchmaschinen durchsucht zu werden. Das Schreibformat ist und der Wert des Inhaltsattributs ist das vom Benutzer festgelegte spezifische Schlüsselwort. (Im Allgemeinen können mehrere Schlüsselwörter festgelegt werden, getrennt durch englische Kommas halber Breite. Suchmaschinen begrenzen die Anzahl der Schlüsselwörter, daher sollte der Schlüsselwortinhalt prägnant und prägnant sein)

Beschreibung. Es bedeutet auf Chinesisch „Beschreibung“ und wird verwendet, um den Hauptinhalt, das Thema usw. einer Webseite zu beschreiben. Angemessene Einstellungen können auch die Wahrscheinlichkeit erhöhen, von Suchmaschinen durchsucht zu werden. Das Format ist . Der Inhaltsattributwert ist die vom Benutzer festgelegte spezifische Beschreibung der Seite. Er kann bis zu 1024 Zeichen aufnehmen, aber die Suche Die Engine zeigt nur etwa die erste Hälfte der Seite an.

Autor. Autor: Wird verwendet, um den Namen des Website-Autors festzulegen, der häufig von professionelleren Websites verwendet wird. Das Format ist

Generator. Der Generator wird zum Festlegen des Namens des Website-Bearbeitungstools verwendet und wird häufig auf professionelleren Website-Seiten verwendet. Formatieren Sie

Roboter. Bots werden verwendet, um die Art und Weise, wie Seiten durchsucht werden, einzuschränken. Der Suchroboter der Suchmaschine ruft kontinuierlich Informationen ab und baut entlang der Links auf der Webseite (z. B. http- und src-Links) eine eigene Datenbank auf. Dieses Meta-Tag kann die Erkennung einiger Inhalte durch Suchmaschinen einschränken und die Offenlegung einiger Informationen verringern. Das Schreibformat ist . Der Wert dieses Attributs enthält 4 Befehle, nämlich index, noindex, follow und nofollow. Je nach Anordnung und Kombination gibt es 4 Kombinationen. Die Kombination aus Index und Follow kann auch als All bezeichnet werden, und Noindex und Nofollow können auch als None bezeichnet werden.

http-equiv-Attribut

Die Werte des http-equiv-Attributs lauten wie folgt:

Inhaltstyp, Inhaltskategorie, wird zum Festlegen der Kategorie und des Sprachzeichensatzes der Seite verwendet. Schreibformat , der Wert des Inhaltsattributs gibt an, dass die Seite im HTML-Code ausgegeben wird, und das Zeichen Der Satz ist gb2312 (vereinfachtes Chinesisch). Für die Entwicklung internationaler Websites wird zur Vereinheitlichung der Zeichen die Verwendung von utf-8 als Zeichensatz empfohlen.

aktualisieren. Mit „Aktualisieren“ wird festgelegt, wie lange sich die Webseite selbst aktualisiert oder innerhalb eines bestimmten Zeitraums automatisch zu anderen Seiten springt. Das erste Schreibformat bedeutet Intervall „Einmal aktualisieren“. alle 30 Sekunden. Das zweite Schreibformat ist , was bedeutet, dass die Seite nach 30 automatisch zu www springt Sekunden. .google.comWebsite

expires, was auf Chinesisch „ablaufen“ bedeutet, wird verwendet, um die Ablaufzeit der Seite festzulegen. Sobald die Webseite abläuft, muss die Webseite auf dem Server erneut aufgerufen werden. Das erste Schreibformat ist , der Inhaltswert stellt die Ablaufzeit der Webseite und die GMT-Zeit dar Format verwendet werden. Das zweite Schreibformat ist und gibt an, wie viele Sekunden es ablaufen wird.

Cache-Kontrolle, Cache-Kontrolle. Wird verwendet, um das Aufrufen von Webseiten im Cache zu verhindern. Das Schreibformat ist , no-cache bedeutet, dass Caching nicht zulässig ist.

set-cookie, setze Cookie, wird verwendet, um festzulegen, wie lange das Cookie auf dieser Seite abläuft. Das Schreibformat ist hinzu. Der Beispielcode lautet wie folgt

Kopieren Sie den Code
Der Code lautet wie folgt:


;/style>





Um JavaScript hinzuzufügen, müssen Sie nur das Tag-Paar hinzufügen. Der Beispielcode lautet wie folgt:


Code kopieren


Der Code lautet wie folgt:
>CSS-Einstellungen
JavaScript-spezifischer Inhalt
🎜 >




Wissenspunkt 4: Empfohlene allgemeine Header-Informationsfunktionen


Das Schreibformat für einen der Spezialeffekte ist wie folgt:





Code kopieren
Der Code lautet wie folgt:




ein
Wenn der Wert des http-equiv-Attributs page-enter ist, bedeutet dies, dass Spezialeffekte beim Aufrufen der Seite aktiviert sind. Wenn der Wert des http-equiv-Attributs page-exit ist, bedeutet dies, dass Spezialeffekte aktiviert sind beim Verlassen (Verlassen) der Seite.

Der Wert des Content-Attributs stellt die Art des Spezialeffekts dar, der auch als dynamischer Filter bezeichnet wird. Es gibt viele Arten von Filtern. Blendtrans ist beispielsweise ein Einblend- und Ausblendfilter. Der Dauerwert gibt die Dauer des Effekts an. Ein weiteres Schreibformat für Filtereffekte ist wie folgt:


Code kopieren

Der Code lautet wie folgt:


Der dynamische Filter revealTrans kann auch für Seitenein- und -ausstiegseffekte verwendet werden. Die Dauer stellt die Dauer des Filtereffekts dar (Einheit sind Sekunden), und Übergang ist der Filtertyp, der angibt, welchen Spezialeffekt Sie verwenden möchten. Der Wert liegt zwischen 0 und 23.

Das Erzwingen der Anzeige der Seite als unabhängige Seite im aktuellen Fenster kann verhindern, dass die Webseite von anderen Websites eingerahmt wird. Das Schreibformat ist wie folgt:
Code kopieren


Der Code lautet wie folgt:



Seitensymboleinstellungen, das Schreibformat ist wie folgt:

Kopieren Sie den Code
Der Code lautet wie folgt:



Der Wert des href-Attributs ist der Pfad zur ICO-Symboldatei, hier wird der relative Stammverzeichnispfad verwendet

Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
HTML: Ist es eine Programmiersprache oder etwas anderes?HTML: Ist es eine Programmiersprache oder etwas anderes?Apr 15, 2025 am 12:13 AM

HtmlisnotaprogrammingLanguage; itiSamarkuplanguage.1) htmlstructuresandFormatswebcontentuses.2) itWorkswithCSSForstylingandjavaScriptForinteraktivität, EnhancingWebDevelopment.

HTML: Erstellen der Struktur von WebseitenHTML: Erstellen der Struktur von WebseitenApr 14, 2025 am 12:14 AM

HTML ist der Eckpfeiler der Erstellung von Webseitenstruktur. 1. HTML definiert die Inhaltsstruktur und die Semantik und Verwendung usw. Tags. 2. Stellen Sie semantische Marker wie usw. zur Verfügung, um den SEO -Effekt zu verbessern. 3. Um die Benutzerinteraktion durch Tags zu verwirklichen, achten Sie auf die Verifizierung der Form. 4. Verwenden Sie fortschrittliche Elemente wie in Kombination mit JavaScript, um dynamische Effekte zu erzielen. 5. Zu den häufigen Fehlern gehören nicht abgegebene Bezeichnungen und nicht geeignete Attributwerte, und Überprüfungstools sind erforderlich. 6. Optimierungsstrategien umfassen das Reduzieren von HTTP -Anforderungen, die Komprimierung von HTML, die Verwendung semantischer Tags usw.

Von Text zu Websites: Die Kraft von HTMLVon Text zu Websites: Die Kraft von HTMLApr 13, 2025 am 12:07 AM

HTML ist eine Sprache, mit der Webseiten erstellt, die Webseitenstruktur und -inhalt über Tags und Attribute definiert werden. 1) HTML organisiert die Dokumentstruktur über Tags, wie z. B.. 2) Der Browser analysiert HTML, um das DOM zu erstellen und die Webseite zu rendern. 3) Neue Merkmale von HTML5, wie z. B. Multimedia -Funktionen. 4) Zu den häufigen Fehlern gehören nicht abgestimmte Bezeichnungen und nicht geeignete Attributwerte. 5) Die Optimierungsvorschläge umfassen die Verwendung semantischer Tags und die Reduzierung der Dateigröße.

HTML, CSS und JavaScript verstehen: Ein AnfängerhandbuchHTML, CSS und JavaScript verstehen: Ein AnfängerhandbuchApr 12, 2025 am 12:02 AM

WebdevelopmentRelieSonHtml, CSS und JavaScript: 1) HtmlStructuresContent, 2) CSSstylesit und 3) JavaScriptaddssinteraktivität, Bildung von TheBasisofModerernwebexperiences.

Die Rolle von HTML: Strukturierung von WebinhaltenDie Rolle von HTML: Strukturierung von WebinhaltenApr 11, 2025 am 12:12 AM

Die Rolle von HTML besteht darin, die Struktur und den Inhalt einer Webseite durch Tags und Attribute zu definieren. 1. HTML organisiert Inhalte über Tags wie das Lesen und Verständnis. 2. Verwenden Sie semantische Tags wie usw., um die Zugänglichkeit und SEO zu verbessern. 3. Optimierung des HTML -Codes kann die Ladegeschwindigkeit und die Benutzererfahrung der Webseite verbessern.

HTML und Code: Ein genauerer Blick auf die TerminologieHTML und Code: Ein genauerer Blick auf die TerminologieApr 10, 2025 am 09:28 AM

HtmlisaspecifictypeofcodeFocusedonstructuringuringwebcontent, während "Code" breitincludesluages ​​-ähnlichjavaScriptandpythonforfunctionality.1) htmldefineswebpageStructureStags.2) "Code" cometesaWiNrangeOfLanguagesForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForfirsInsForfunctionNacts

HTML, CSS und JavaScript: Wesentliche Tools für WebentwicklerHTML, CSS und JavaScript: Wesentliche Tools für WebentwicklerApr 09, 2025 am 12:12 AM

HTML, CSS und JavaScript sind die drei Säulen der Webentwicklung. 1. HTML definiert die Webseitenstruktur und verwendet Tags wie z.

Die Rollen von HTML, CSS und JavaScript: KernverantwortungDie Rollen von HTML, CSS und JavaScript: KernverantwortungApr 08, 2025 pm 07:05 PM

HTML definiert die Webstruktur, CSS ist für Stil und Layout verantwortlich, und JavaScript ergibt eine dynamische Interaktion. Die drei erfüllen ihre Aufgaben in der Webentwicklung und erstellen gemeinsam eine farbenfrohe Website.

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
4 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
4 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
4 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
1 Monate vorBy尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

SAP NetWeaver Server-Adapter für Eclipse

SAP NetWeaver Server-Adapter für Eclipse

Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Herunterladen der Mac-Version des Atom-Editors

Herunterladen der Mac-Version des Atom-Editors

Der beliebteste Open-Source-Editor

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

EditPlus chinesische Crack-Version

EditPlus chinesische Crack-Version

Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion