Heim > Artikel > Web-Frontend > Ausführliche Erläuterung von Beispielen für Meta-Tags in HTML
Im Folgenden finden Sie eine Zusammenfassung der Verwendung von HTML-Meta-Tags (empfohlen). Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Editor, um einen Blick darauf zu werfen
Meta-Tag-Funktion
META-Tag ist eines der HTML-Tags HEAD Bereich Schlüssel-Tags stellen grundlegende Informationen wie Dokument Zeichensatz , verwendete Sprache, Autor usw. sowie Einstellungen für Schlüsselwörter und Webseitenebenen bereit. Die wichtigste Rolle besteht darin, die Suche zu aktivieren Suchmaschinenoptimierung (SEO).
PS: Es ist praktisch für Suchmaschinen-Roboter, Internetanwendungen zu suchen und zu klassifizieren.
Wie schreibe ich auf großen Websites? Bevor ich diesen Tag verstand, suchte ich wie folgt nach ihren Meta-Einstellungen auf verschiedenen Mainstream-Websites:
Meta-Einstellungen auf der Homepage von JD.com:
XML/HTML CodeInhalt in die Zwischenablage kopieren
meta charset="gbk">
Meta-Einstellungen auf der Taobao-Homepage: XML/HTML-CodeInhalt in die Zwischenablage kopieren
Meta-Einstellungen auf der Youku-Homepage:XML/HTML Code
Kopieren Sie den Inhalt in die ZwischenablageMetaeinstellungen der Douyu-Homepage:
<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="webkit"> <meta name="spm-id" content="a21bo"> <meta name="description" content="淘宝网 - 亚洲最大、最安全的网上交易平台,提供各类服饰、美容、家居、数码、话费/点卡充值… 8亿优质特价商品,同时提供担保交易(先收货后付款)、先行赔付、假一赔三、七天无理由退换货、数码免费维修等安全交易保障服务,让你全面安心享受网上购物乐趣!"> <meta name="keyword" content="">
XML/HTML-Code
Inhalt in die Zwischenablage kopierenMeta-Einstellungen für die Tencent-Homepage:
<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="title" content="优酷-中国领先视频网站,提供视频播放,视频发布,视频搜索 - 优酷视频" /> <meta name="keywords" content="视频,视频分享,视频搜索,视频播放,优酷视频" /> <meta name="description" content="视频服务平台,提供视频播放,视频发布,视频搜索,视频分享" />
XML/HTML-Code
Inhalt in die Zwischenablage kopierenMeta-Einstellungen auf der Homepage von Qidian Novel.com:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="keywords" content="DOTA2,热门游戏直播,游戏直播,高清游戏直播,手机游戏直播,电子竞技直播" /> <meta name="description" content="斗鱼 - 全民直播平台提供高清、快捷、流畅的视频直播和游戏赛事直播服务,包含DOTA2等各类热门游戏赛事直播和各种名家大神游戏直播,内容丰富,推送及时,带给你不一样的视听体验,一切尽在斗鱼 - 全民直播平台。" />
XML/HTML-Code
Inhalt in die Zwischenablage kopierenMeta-Detaillierte Erklärung
<meta charset="UTF-8"> <meta name="renderer" content="webkit" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="keywords" content="新闻 新闻中心 事实派 新闻频道,时事报道"> <meta name="description" content="腾讯新闻,事实派。新闻中心,包含有时政新闻、国内新闻、国际新闻、社会新闻、时事评论、新闻图片、新闻专题、新闻论坛、军事、历史、的专业时事报道门户网站"> <meta name="author" content="skeetershi" />
Meta-Tag kann in zwei Teile geteilt werden Teile: http-Äquivalent und Name
Variable. http-equiv
<meta name="keywords" content="小说,小说网,言情小说,青春小说,玄幻小说,武侠小说,都市小说,历史小说,网络小说,原创网络文学" /> <meta name="description" content="小说阅读,精彩小说尽在起点小说。起点小说提供玄幻小说,武侠小说,原创小说,网游小说,都市小说,言情小说,青春小说,历史小说,军事小说,网游小说,科幻小说,恐怖小说,首发小说最新章节免费小说阅读,精彩尽在起点小说!ver:071011热门小说:。" /> <meta http-equiv="Content-Type" id="meta_ContentType" content="text/html;charset=UTF-8" /> <meta name="robots" content="all" /> <meta name="googlebot" content="all" /> <meta name="baiduspider" content="all" /> <meta name="copyright" content="本页版权 www.qidian.com 起点中文网所有。All Rights Reserved" /> <meta http-equiv="mobile-agent" content="format=wml; url=http://m.qidian.com" /><meta http-equiv="mobile-agent" content="format=xhtml; url=http://m.qidian.com" /><meta http-equiv="mobile-agent" content="format=html5; url=http://h5.qidian.com/bookstore.html" /> <meta name="application-name" content="起点中文小说网" / <meta name="msapplication-starturl" content="/Default.aspx?_s=ie9" /> <meta name="msapplication-tooltip" content="小说阅读_起点中文小说网|免费小说,玄幻小说,武侠小说,言情小说,青春小说,小说网各类小说下载" /> <meta name="msapplication-task" content="name=起点小游戏;action-uri=http://game.qidian.com/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/game.ico" /> <meta name="msapplication-task" content="name=藏书架;action-uri=http://me.qidian.com/BookCase/1/1?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/book.ico" /> <meta name="msapplication-task" content="name=读书客户端;action-uri=http://c.qidian.com/android/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/phone.ico" /> <meta name="msapplication-task" content="name=排行榜;action-uri=http://top.qidian.com/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/chart.ico" /> <meta name="msapplication-task" content="name=搜索;action-uri=http://sosu.qidian.com/?_s=ie9;icon-uri=http://www.qidian.com/Images/ie9/search.ico" /> <meta property="qc:admins" content="204236767661141166375" />http-equiv entspricht dem Dateiheader von http. Es kann einige nützliche Informationen an den Browser zurückgeben, um dem Browser bei der korrekten Anzeige von Webinhalten zu helfen .
Wert
Inhaltstyp
Legen Sie den von der Seite verwendeten Zeichensatz fest
ISO-8859-1, gibt der Vertreter an, dass die von der Website verwendete Kodierung Englisch ist; | UTF-8 stellt die weltweit universelle Sprachkodierung dar.PS: Die Methode für HTML5-Seiten besteht darin, 9d54027d814bba7a6c118810bbc6025d direkt zu verwenden. | |||||||||||||||||||||||||||||||
X-UA-kompatibel | Spezielles Tag für IE8, wird verwendet, um den IE8-Browser anzugeben, um eine bestimmte Version der IE-Browser-Rendering-Methode zu simulieren einige Kompatibilitätsprobleme lösen. |
daee65cea63af063278cd59ca1e900be Der obige Code teilt dem IE-Browser mit, ob DTDDurch die Festlegung von Dokumentstandards verwendet IE8/9 die IE7-Engine zum Rendern von Seiten. 64772ba68a7b3c2cb16dfcd5517312f2 Der obige Code teilt dem IE-Browser mit, dass IE8/9 die IE8-Engine zum Rendern der Seite verwenden wird.d1194aa6a0a1a4debf92ccfbff033ad7 Der obige Code teilt dem IE-Browser mit, dass IE8/9 und spätere Versionen die höchste Version von IE zum Rendern verwenden Seite. dc4a9259080a7b94aa663ad18ce92fe0 Der obige Code IE=edge weist IE an, die neueste Engine zum Rendern von Webseiten zu verwenden, und chrome=1 kann Chrome Frame aktivieren.PS: Google fügt ein Plug-in hinzu: Google Chrome Frame (Google eingebetteter Browser |
||||||||||||||||||||||||||||||
Legen Sie die Ablaufzeit der Webseite fest. | 23c623dc02026f00c9a6d66615d33c48 | PS: Es muss das Zeitformat GMT verwendet werden | ||||||||||||||||||||||||||||||
, um automatisch zu aktualisieren und auf die neue Seite zu verweisen. | 91e858456b6d7d90b873e3f50f161421 | PS: 2 bedeutet, dass die Seite 2 Sekunden lang bleibt und dann zur folgenden URL springt | ||||||||||||||||||||||||||||||
Wenn die Webseite abläuft , dann automatisch | Lokale Cookies löschen . | cdb36e7365a59d42c911a6b411126401 PS: Es muss das GMT-Zeitformat verwendet werden. | ||||||||||||||||||||||||||||||
Das Erzwingen der Anzeige der Seite als unabhängige Seite im aktuellen Fenster kann dazu führen, dass Ihre Webseite nicht als Frame-Seite aufgerufen wird von anderen | 4ced9d04e0cecdb1f3bdc88aee0a229f | |||||||||||||||||||||||||||||||
Caching-Mechanismus | 9176adcf7fd21ee70b76b75374dee2d4 | Öffentlich: Zeigt an, dass die Antwort von jedem Cache-Bereich zwischengespeichert werden kann. Privat: Zeigt an, dass die Antwortnachricht für einen einzelnen Benutzer ganz oder teilweise nicht vom gemeinsam genutzten Cache verarbeitet werden kann. Dadurch kann der Server nur eine Teilantwort eines Benutzers beschreiben, die für die Anfragen anderer Benutzer nicht gültig ist. no-cache: Zeigt an, dass die Anforderungs- oder Antwortnachricht nicht zwischengespeichert werden kann. no-store: Wird verwendet, um zu verhindern, dass wichtige Informationen unbeabsichtigt veröffentlicht werden. Das Senden in der Anforderungsnachricht führt dazu, dass sowohl die Anforderungs- als auch die Antwortnachrichten Caching verwenden. max-age: Gibt an, dass der Client Antworten mit einer Lebensdauer erhalten kann, die nicht größer als die angegebene Zeit in Sekunden ist. min-fresh: Gibt an, dass der Client Antworten mit einer Antwortzeit erhalten kann, die kürzer ist als die aktuelle Zeit plus die angegebene Zeit. max-stale: Zeigt an, dass der Client über den Timeout-Zeitraum hinaus Antwortnachrichten 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. |
Wert | Beschreibung | Beispiel | ||||||||||||||||||||||||||||||
Autor | Anmerkung Autor der Webseite | 3aa60acd2890f76fee63281f4f2502fc | ||||||||||||||||||||||||||||||
Schlüsselwörter | Seitenschlüsselwörter zur Aufnahme durch Suchmaschinen | f631d175584f77e3ec859622ac5e6109 | ||||||||||||||||||||||||||||||
Beschreibung | Seitenbeschreibung für die Einbindung in Suchmaschinen | 0a194299a391ce751a4a72e9b8eb5881 | ||||||||||||||||||||||||||||||
Ansichtsfenster
|
Wird zur Steuerung der Seitenskalierung verwendet | 9572a090728ffd009e8be850ea973f2f | renderer | Gibt an, wie Dual-Core-Browser Seiten standardmäßig rendern. | 2e3560c4189039010106a5cc9f144b3a//Standard-Webkit-Kernel3150f7dff6100b28b61e71c0f6b7edb6/ / Standard-IE-Kompatibilitätsmodusbb751f9c6c3d3e7006054b4ccf701440//Standard-IE-Standardmodus PS: 360-Browser unterstützt |
|||||||||||||||||||||||||||
generator | Beschreiben Sie die zum Erstellen der Website verwendete Software | 6ae9975fb4d36fff1a2d9c1f05e8ac1a | ||||||||||||||||||||||||||||||
überarbeitet | Änderungszeit des Webdokuments | 17f71fe3f0e819625bafec9d07c8fe33|||||||||||||||||||||||||||||||
Roboter td> | Wird verwendet, um dem Suchroboter mitzuteilen, welche Seiten indiziert werden müssen und welche nicht. | f096ca23467acc0c49d4be72525ecad0
Wert: all|none|index|noindex|follow|nofollow, Standard allall: Die Datei wird abgerufen und die Links auf der Seite können Query;none: Die Datei wird nicht abgerufen und die Links auf der Seite können nicht abgerufen werden abgefragt; index: die Datei wird abgerufen; follow: der Link auf der Seite kann abgefragt werden; noindex: die Datei wird nicht abgerufen, aber die Link auf der Seite kann abgefragt werden. Abfrage;nofollow: Die Datei wird nicht abgerufen, aber die Links auf der Seite können abgefragt werden. |
||||||||||||||||||||||||||||||
Urheberrecht | Informationen zum Urheberrecht der Website | ed3adcf6c128ce8a34ab8873b6ee4260 |
Anhand der Metaeinstellungen großer Websites können Sie sehen, dass häufig verwendete Einstellungen X-UA-kompatibel, Schlüsselwörter und Beschreibung umfassen.
Kostenloses HTML-Video-Tutorial2. Teilen Sie eine Integration von HTML-Wissenspunkten 3. Lösung verschiedener Situationen, in denen Divs durch Iframes abgedeckt werden4 Lernen Sie, wie Sie Links in HTML einfügen 5. Lernen Sie, wie Sie HTML unter nodejs analysierenDas obige ist der detaillierte Inhalt vonAusführliche Erläuterung von Beispielen für Meta-Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!