Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erläuterung von Beispielen für Meta-Tags in HTML

Ausführliche Erläuterung von Beispielen für Meta-Tags in HTML

Y2J
Y2JOriginal
2017-05-23 09:49:002491Durchsuche

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

  1. < ;

    meta charset="gbk">

  2. 1c3cbe502b154a5e7000132ccc852cc2
  3. 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 Zwischenablage

Metaeinstellungen 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 kopieren

Meta-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 kopieren

Meta-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 kopieren

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

BeschreibungBeispiel

Inhaltstyp

Legen Sie den von der Seite verwendeten Zeichensatz fest

9420384aed01dccd5f0e414d03fc19e5 Wenn GB2312, gibt der Vertreter an, dass die von der Website verwendete Kodierung vereinfachtes Chinesisch ist, wenn UTF-8 stellt die weltweit universelle Sprachkodierung dar. PS: Die Methode für HTML5-Seiten besteht darin, 9d54027d814bba7a6c118810bbc6025d direkt zu verwenden.läuft abLegen Sie die Ablaufzeit der Webseite fest. 23c623dc02026f00c9a6d66615d33c48                Aktualisieren, um automatisch zu aktualisieren und auf die neue Seite zu verweisen. 91e858456b6d7d90b873e3f50f161421 Cookie setzenWenn die Webseite abläuft , dann automatisch cdb36e7365a59d42c911a6b411126401 ​ ​ ​ ​windows-targetDas 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 anderen4ced9d04e0cecdb1f3bdc88aee0a229fcache-controlCaching-Mechanismus 9176adcf7fd21ee70b76b75374dee2d4 ​​​​​Das

Name

Name-Attribut wird hauptsächlich zur Beschreibung von Webseiten verwendet. Der entsprechende Attributwert ist hauptsächlich für Suchmaschinenroboter bestimmt Informationen und Klassifizierungsinformationen.

ISO-8859-1, gibt der Vertreter an, dass die von der Website verwendete Kodierung Englisch ist;
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

FrameworkGCF), dieses Plug-in kann den IE-Browser des Benutzers unverändert lassen, aber wenn Benutzer im Internet surfen, verwenden sie tatsächlich den Google Chrome-Browserkern und unterstützen mehrere Versionen wie IE6, 7 , und 8. IE-Browser.

PS: Es muss das Zeitformat GMT verwendet werden

PS: 2 bedeutet, dass die Seite 2 Sekunden lang bleibt und dann zur folgenden URL springt

Lokale Cookies löschen . PS: Es muss das GMT-Zeitformat verwendet werden.

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

17f71fe3f0e819625bafec9d07c8fe33
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
描述 例子
author 标注网页的作者 40a6d58ed411527ddc3586cf8528e957
keywords 页面关键词,用于被搜索引擎收录 c68aef00caa8ea0c70b29d59ed5790f0
description 页面描述,用于搜索引擎收录 ab7d2d6e7ddd1f4f3c07df9918257676
viewport 用于控制页面缩放 baa91e1a7bb7d1481d7e502162770e1e
renderer 指定双核浏览器默认以何种方式渲染页面。 f90e110de12fce9fe1734af965e2b70a//默认webkit内核26d02ab2b4fd46280f0ec837d45ec1ce//默认IE兼容模式7d53c128f1ce44acb035d89b72759be1//默认IE标准模式

PS:360浏览器支持

generator 说明网站的采用的什么软件制作 8c0269b11fa4117000a0f6e71e542ca2
revised 网页文档的修改时间 12ad92cf97444b2570d779e22e43ec34
robots 用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。 d7c6a11cb99ed6b4a51eaaa17250a9da            

取值:all|none|index|noindex|follow|nofollow, 默认all

all:文件将被检索,且页面上的链接可以被查询

none:文件将不被检索,且页面上的链接不可以被查询;

index:文件将被检索;

follow:页面上的链接可以被查询;

noindex:文件将不被检索,但页面上的链接可以被查询;

nofollow:文件将不被检索,页面上的链接可以被查询。

copyright 网站版权信息

2a32e3c78af9a994ba4694c08c607183

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

Zusammenfassung

Anhand der Metaeinstellungen großer Websites können Sie sehen, dass häufig verwendete Einstellungen X-UA-kompatibel, Schlüsselwörter und Beschreibung umfassen.

[Verwandte Empfehlungen]1.

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 analysieren

Das 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!

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