Heim >Web-Frontend >HTML-Tutorial >Detaillierte Erläuterung der HTML-Webseiten-Header-Codebeispiele_HTML/Xhtml_Webseitenproduktion

Detaillierte Erläuterung der HTML-Webseiten-Header-Codebeispiele_HTML/Xhtml_Webseitenproduktion

WBOY
WBOYOriginal
2016-05-16 16:39:233810Durchsuche

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:

<1>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)

<2>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.

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

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

<5>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:

<1>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.

<2>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

<3>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.

<4>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.

<5>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>





<2>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</span><style type="text/css"> < ;script type="text/javascript"> </div>JavaScript-spezifischer Inhalt</div></head> 🎜 ></html><div class="msgborder" id="phpcode23"> <br><br> <br><br>Wissenspunkt 4: Empfohlene allgemeine Header-Informationsfunktionen<br><br><br><1> Das Schreibformat für einen der Spezialeffekte ist wie folgt: <br><br><br><br><br><br>Code kopieren<br> </div>Der Code lautet wie folgt:<p><strong><br><meta http-equiv="page- Geben Sie „content="blendtrans( duration=0.5)"/><br></strong><br> ein <br>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. </p> <div class="msgheader"> <div class="right">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. <span style="CURSOR: pointer" onclick="copycode(getid('phpcode24'));"> <u>Ein weiteres Schreibformat für Filtereffekte ist wie folgt: </u> </span> </div> </div> <div class="msgborder" id="phpcode24"> <br><br>Code kopieren</div> <p>Der Code lautet wie folgt:</p> <p></p><meta http-äquiv =“page -enter" content="revealTrans(duration=6)"/><p></p> <p> <br>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. </p> <div class="msgheader"> <div class="right"><2>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: <span style="CURSOR: pointer" onclick="copycode(getid('phpcode25'));"><u></u></span> </div> </div>Code kopieren<div class="msgborder" id="phpcode25"> <br><br>Der Code lautet wie folgt:</div> <p><meta http-equiv="window-target" content="_top" ></p> <p><br> <br><3> Seitensymboleinstellungen, das Schreibformat ist wie folgt: </p> <div class="msgheader"><div class="right"> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode26'));"><u></u></span>Kopieren Sie den Code </div></div> <div class="msgborder" id="phpcode26">Der Code lautet wie folgt: <br> <br> </div><link rel="Shortcut Icon" href="/myicon.ico"><p><br> <br>Der Wert des href-Attributs ist der Pfad zur ICO-Symboldatei, hier wird der relative Stammverzeichnispfad verwendet </p> <div class="msgheader"></div> </div></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Stellungnahme:</span><div>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</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel:<a class="dBlack" title="Lösung für das Problem der ungültigen Breiteneinstellung für die Produktion von Etiketten und span_HTML/Xhtml_Webseiten" href="https://m.php.cn/de/faq/11500.html">Lösung für das Problem der ungültigen Breiteneinstellung für die Produktion von Etiketten und span_HTML/Xhtml_Webseiten</a></span><span>Nächster Artikel:<a class="dBlack" title="Lösung für das Problem der ungültigen Breiteneinstellung für die Produktion von Etiketten und span_HTML/Xhtml_Webseiten" href="https://m.php.cn/de/faq/11504.html">Lösung für das Problem der ungültigen Breiteneinstellung für die Produktion von Etiketten und span_HTML/Xhtml_Webseiten</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="https://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/de/faq/348757.html" title="Zusammenfassung der HTML-Kenntnisse" class="aBlack">Zusammenfassung der HTML-Kenntnisse</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348804.html" title="So lernen Sie schnell HTML" class="aBlack">So lernen Sie schnell HTML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348873.html" title="Der Unterschied zwischen HTML xHTML XML" class="aBlack">Der Unterschied zwischen HTML xHTML XML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348884.html" title="Der Unterschied zwischen src- und href-Attributen" class="aBlack">Der Unterschied zwischen src- und href-Attributen</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348902.html" title="Über die Verwendung von HTML5 und CSS-Ersatz" class="aBlack">Über die Verwendung von HTML5 und CSS-Ersatz</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!</p></div><div class="footermid"><a href="https://m.php.cn/de/about/us.html">Über uns</a><a href="https://m.php.cn/de/about/disclaimer.html">Haftungsausschluss</a><a href="https://m.php.cn/de/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body><!-- Matomo --><script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --></html>