Was ist das Meta-Tag in HTML? Einführung in Attribute von Meta-Tags-HTML-Tutorial-php.cn

In diesem Kapitel erfahren Sie, was ein Meta-Tag in HTML ist. Einführung in die Attribute von Meta-Tags. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Was ist ein Meta-Tag?

Das Meta-Tag ist ein Schlüssel-Tag im Head-Bereich des HTML-Tags. Es befindet sich zwischen

und liegen nicht zwischen und <title>). Die bereitgestellten Informationen sind zwar für Benutzer unsichtbar, stellen jedoch die grundlegendsten Metainformationen des Dokuments dar. Das Meta-Tag wird verwendet, um die Attribute eines HTML-Webseitendokuments zu beschreiben, wie z. B. Autor, Datum und Uhrzeit, Webseitenbeschreibung, Schlüsselwörter, Seitenaktualisierung usw. <p>Hinweis: Metainformationen sind Informationen über die gesendeten Daten. Beispielsweise kann http die Objektsprache verbessern und Metainformationen können auch zur Implementierung von Bedingungen verwendet werden Anfragen und Transaktion abgeschlossen melden. Der Browser, der die Daten empfängt, kann anhand der Metainformationen feststellen, welche Inhalte vom Server gesendet werden, welche Daten erwartet werden, ob vollständige Daten empfangen werden und ob im Prozess Fehler vorliegen, sodass der Client die Art der Übertragung erkennen kann Objekt. </p> <p><span style="font-size: 18px;"><strong>Was sind die Attribute des Meta-Tags? </strong></span></p> <p> <img src="https://img.php.cn//upload/image/402/350/428/1536659975962189.jpg" title="1536659975962189.jpg" alt="Was ist das Meta-Tag in HTML? Einführung in Attribute von Meta-Tags"></p> <p><strong> Eigenschaftendetails: </strong></p> <p>1. http-equiv</p> <p> entspricht http Die Funktion des Dateiheaders besteht darin, dass er einige nützliche Informationen an den Browser zurückgeben kann, um dem Browser zu helfen, den Inhalt der Webseite korrekt anzuzeigen. </p> <p>Syntax: <meta http-equiv="parameter" content="parameter value"></p> <p>Parameter: </p> <p>1) content-Type (Seitennutzungszeichen festlegen set)</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><metahttp-equiv="content-Type" content="text/html;charset=gb2312"></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>http-equiv=Content-Type stellt das HTTP-Header-Protokoll dar und fordert den Browser zur Eingabe von Webseiteninformationen auf, wenn der Informationsparameter des Zeichensatzes des </p><p>Meta-Tags wie folgt lautet: GB2312, was bedeutet, dass die von der Website verwendete Kodierung vereinfachtes Chinesisch ist; der Zeichensatz des </p><p>Meta-Tags. Wenn der Informationsparameter wie „iso-2022-jp“ lautet, bedeutet dies, dass die von der Website verwendete Kodierung Japanisch ist; >Meta-Tag ist beispielsweise ks_c_5601. Dies bedeutet, dass die von der Website verwendete Kodierung koreanisch ist von der Website ist Englisch; </p><p>Wenn der Zeichensatzinformationsparameter des Meta-Tags z. B. UTF-8 ist, bedeutet dies die weltweite universelle Sprachkodierung </p><p>2) content-Language (Anzeigesprache). Einstellung) </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="Content-Language" content="zh-cn"/></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>3) Läuft ab (Zeitraum, kann zum Festlegen der Ablaufzeit der Webseite verwendet werden. Sobald die Webseite abläuft, muss sie erneut an den Server übertragen werden) </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="expires" content="Fri,12Jan200118:18:18GMT"></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Hinweis: Es muss das GMT-Zeitformat verwendet werden. </p><p>4) Pragma (Cache-Modus, verhindert, dass der Browser auf Seiteninhalte aus dem Cache des lokalen Computers zugreift)</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="Pragma" content="no-cache"></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Hinweis: Mit dieser Einstellung können Besucher nicht offline surfen. </p><p>5) Cache-Steuerung (Cache-Einstellungen) </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="cache-control" content="no-cache"></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Die Cache-Anweisungen bei der Anfrage umfassen No-Cache, No-Store, Max-Age, Max-Stale, Min-Fresh, Only- Wenn zwischengespeichert, umfassen die Anweisungen in der Antwortnachricht „Öffentlich“, „Privat“, „Kein Cache“, „Kein Speichern“, „Keine Transformation“, „Muss erneut validieren“, „Proxy erneut validieren“ und „Maximales Alter“. Die Bedeutung der Anweisungen in jeder Nachricht ist wie folgt: </p><p>Öffentlich bedeutet, dass die Antwort von jedem Cache zwischengespeichert werden kann. </p><p>Privat gibt an, dass die Antwortnachricht ganz oder teilweise für einen einzelnen Benutzer bestimmt ist kann nicht vom Shared Cache verarbeitet werden. Dadurch kann der Server nur beschreiben, wann die Teilantwortnachricht eines Benutzers für die Anforderungen anderer Benutzer ungültig ist. </p><p>No-Cache zeigt an, dass die Anforderungs- oder Antwortnachricht nicht zwischengespeichert werden kann. </p><p>No-Store wird verwendet um zu verhindern, dass wichtige Informationen unbeabsichtigt weitergegeben werden. Das Senden in der Anforderungsnachricht führt dazu, dass sowohl die Anforderungs- als auch die Antwortnachrichten Caching verwenden. </p><p>max-age gibt an, dass der Client Antworten mit einer Lebensdauer empfangen kann, die nicht länger als die angegebene Zeit in Sekunden ist. </p><p>min-fresh gibt an, dass der Client Antworten mit einer Lebensdauer erhalten kann, die kürzer als die aktuelle ist Zeit plus die angegebene Antwortzeit </p><p>max-stale gibt an, dass der Client Antwortnachrichten über den Timeout-Zeitraum hinaus empfangen kann. Wenn Sie einen Wert für Max-Stale-Nachrichten angeben, kann der Client Antwortnachrichten empfangen, die den angegebenen Wert des Timeout-Zeitraums überschreiten. </p><p>6) Aktualisieren (automatisch aktualisieren und auf eine neue Seite verweisen) </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="Refresh" content="2; URL=http://www.baidu.com"> //(注意后面的引号，分别在秒数的前面和网址的后面)</pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Hinweis: Die 2 bezieht sich auf die automatische Aktualisierung der URL nach 2 Sekunden Verweilen. </p><p>7) Fensterziel (erzwingen, dass die Seite als unabhängige Seite im aktuellen Fenster angezeigt wird) </p><p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="Window-target" content="_top"></pre><div class="contentsignin">Nach dem Login kopieren</div></div></p>Hinweis: Wird verwendet, um zu verhindern, dass andere Ihre eigene Seite im aufrufen rahmen. <p></p>8) set-cookie (Cookie-Einstellung, wenn die Webseite abläuft, wird das gespeicherte Cookie gelöscht) <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv="Set-Cookie" content="cookie value=xxx; expires=Friday,12-Jan-200118:18:18GMT；path=/"></pre><div class="contentsignin">Nach dem Login kopieren</div></div><br/> Wird normalerweise verwendet, um den Browser zu zwingen, keinen Cache zu setzen und erneut - Rufen Sie die Seite vom Server ab: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta http-equiv=”pragma” content=”no-cache”> <meta http-equiv=”cache-control” content=”no-cache”> <meta http-equiv=”expires” content=”0″></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p></p>2. Namensattribut <p></p><p> Das Namensattribut wird hauptsächlich zur Beschreibung der Webseite und der entsprechenden verwendet Der Attributwert ist Inhalt. Der Inhalt ist hauptsächlich für Suchmaschinen-Roboter nützlich, um Informationen zu finden und zu klassifizieren. </p><p> Syntax: <strong><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta name="参数" content="具体的参数值"></pre><div class="contentsignin">Nach dem Login kopieren</div></div></strong>Schlüsselwörter (Schlüsselwörter) </p><p> Beschreibung: Schlüsselwörter werden verwendet, um Suchmaschinen mitzuteilen, welche Schlüsselwörter Ihre Webseite enthält. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta name="keywords" content=""></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>description(网站内容描述)</p><p>说明：description用来告诉搜索引擎你的网站主要内容。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><metaname="description" content=""></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>robots(机器人向导)</p><p>说明：Meta robots标签管理着搜索引擎是否可以进入网页，你可以用它来允许或不允许搜索引擎来获取你的网页、进入你网页中的子链接或对你的网页存档。content的参数有all,none,index,noindex,follow,nofollow。默认是all。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><metaname="robots" content="none"></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>具体参数如下：</p><p>信息参数为all：文件将被检索，且页面上的链接可以被查询；</p><p>信息参数为none：文件将不被检索，且页面上的链接不可以被查询；</p><p>信息参数为index：文件将被检索；</p><p>信息参数为follow：页面上的链接可以被查询；</p><p>信息参数为noindex：文件将不被检索，但页面上的链接可以被查询；</p><p>信息参数为nofollow：文件将被检索，但页面上的链接不可以被查询；</p><p>author(作者)</p><p>说明：标注网页的作者</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><metaname="author" content="jesse131work@163.com"></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>generator</p><p>说明：meta标签的generator的信息参数，代表说明网站的采用的什么软件制作。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><metaname="generator" content="信息参数"/></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>copyright</p><p>　　说明：meta标签的copyright的信息参数，代表说明网站版权信息。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><metaname="copyright" content="信息参数"></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>revisit-after</p><p>　　说明：revisit-after代表网站重访,7days代表7天，依此类推，假如我设置，那这样搜索引擎就是7天来一次。使用这个标签的网站，通常是因为网站数据量非常大，被搜索引擎过于频繁的抓取，会占用过大的资源，影响网站的访问。所以，希望搜索引擎不要天天过来，抓取过一次了，那么等7天后再来。一般的网站是不需要这个标签的。</p><p><meta name="revisit-after" content="7days"></p><p>view-point</p><p>　　说明：主要影响移动页面布局</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta name="viewport" content="width=device-width, initial-scale=1.0"></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>content 参数：</p><p>width viewport 宽度(数值/device-width)</p><p>height viewport 高度(数值/device-height)</p><p>initial-scale 初始缩放比例</p><p>maximum-scale 最大缩放比例</p><p>minimum-scale 最小缩放比例</p><p>user-scalable 是否允许用户缩放(yes/no)</p><p><strong>3.content属性</strong></p><p> content属性一般与name和http-equiv属性一起用，视它们的值而定。</p><p><strong>4.charset属性</strong></p><p>charset属性，是html5的属性，可替换<metahttp-equiv="content-Type" content="text/html;charset=gb2312">设置为<meta charset="utf-8"></p><p>设置meta属性的作用是什么？</p><p> meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。meta标签可用于缓存设置，还与SEO优化相关。SEO是指通过采用易于搜索引擎索引的合理手段，使网站各项基本要素适合搜索引擎检索原则并且对用户更友好（Search Engine Friendly），从而更容易被搜索引擎收录及优先排序从属于SEM（搜索引擎营销）。通俗理解是：通过总结搜索引擎的排名规律，对网站进行合理优化，使你的网站在百度和goog的排名提高，让搜索引擎给你带来客户。</p><p> seo优化常用语句如下</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"> <title>your title</title>  <meta name="keywords" content="your keywords">  <meta name="description" content="your description">  <meta name="author" content="author,email address">  <meta name="robots" content="index,follow"></pre><div class="contentsignin">Nach dem Login kopieren</div></div>

Das obige ist der detaillierte Inhalt vonWas ist das Meta-Tag in HTML? Einführung in Attribute von Meta-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!