Original-URL: http://segmentfault.com/blog/ciaocc/1190000002407912 Autor:ciaocc Das Copyright liegt bei youciaocc. Bei Nachdruck bitte das Copyright angeben. Zusammenfassung Das -Tag stellt Metadaten zu einem HTML-Dokument bereit. Die Metadaten werden nicht auf der Seite angezeigt, sind aber maschinenlesbar. Es kann von Browsern (zum Anzeigen von Inhalten oder Neuladen einer Seite), Suchmaschinen (Schlüsselwörter) oder anderen Webdiensten verwendet werden. ——W3Schule Erforderliche Attribute
Optionale Attribute
Code kopieren Der Code lautet wie folgt: <meta name="keywords" content="Ihre Tags" /> Seitenbeschreibung : Jede Webseite sollte ein Beschreibungs-Tag mit nicht mehr als 150 Zeichen haben, das den Inhalt der Webseite genau wiedergibt. Code kopieren Der Code lautet wie folgt: <meta name="description" content="150 Wörter" /> Die Indizierungsmethode der Suchmaschine, Robotterms, besteht aus einer Reihe von durch Kommas (,) getrennten Werten, normalerweise mit den folgenden Werten: none, noindex, nofollow, all, index und follow. Stellen Sie sicher, dass Sie die Attributwerte „nofollow“ und „noindex“ korrekt verwenden. Code kopieren Der Code lautet wie folgt:<meta name="robots" content="index,follow" /> <!-- alle: Dateien werden abgerufen und Links auf der Seite können abgefragt werden; keine: Die Datei wird nicht abgerufen und die Links auf der Seite können nicht abgefragt werden; Index: Die Datei wird abgerufen; folgen: Die Links auf der Seite können abgefragt werden; noindex: Die Datei wird nicht indiziert; nofollow: Die Links auf der Seite können nicht abgefragt werden. --> Seitenumleitung und Aktualisierung : Die Zahl im Inhalt stellt die Zeit (in Sekunden) dar, d. h. die Aktualisierung erfolgt nach einer bestimmten Zeitspanne. Wenn Sie eine URL hinzufügen, erfolgt eine Weiterleitung auf die angegebene Webseite (Suchmaschinen können dies automatisch erkennen, es kann von der Engine jedoch auch leicht als irreführend angesehen und abgestraft werden). Code kopieren Der Code lautet wie folgt:<meta http-equiv="aktualisieren" content="0;url=" /> andere Code kopieren Der Code lautet wie folgt:<meta name="author" content="author name" /> <!-- Definieren Sie den Autor der Webseite --> <meta name="google" content="index,follow" /> <meta name="googlebot" content="index,follow" /> <meta name="überprüfen" content="index,folgen" /> Mobilgerät Ansichtsfenster: kann die Anzeige mobiler Browser optimieren. Wenn es sich nicht um eine responsive Site handelt, verwenden Sie keine Initial-Scale und deaktivieren Sie die Skalierung nicht. Die Ansichtsfensterbreite der meisten 4,7–5-Zoll-Geräte ist auf 360 Pixel eingestellt, bei 5,5-Zoll-Geräten auf 400 Pixel, beim iPhone 6 auf 375 Pixel und beim iPhone 6 Plus auf 414 Pixel. Code kopieren Der Code lautet wie folgt:<meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0, Maximalmaßstab=1.0, Benutzerskalierung=nein"/> <!-- `width=device-width` führt dazu, dass schwarze Ränder erscheinen, wenn die Seite im WebApp-Vollbildmodus geöffnet wird, nachdem sie zum Home-Bildschirm auf dem iPhone 5 hinzugefügt wurde --> 1.width: Breite (Zahl/Gerätebreite) (Bereich von 200 bis 10.000, Standard ist 980 Pixel) WebApp-Vollbildmodus: getarnte App, Offline-Anwendung. Code kopieren Der Code lautet wie folgt:<meta name="apple-mobile-web-app-capable" content="yes" /> <!-- WebApp-Vollbildmodus aktivieren --> Statusleiste ausblenden/Statusleistenfarbe festlegen: wird nur wirksam, wenn der Vollbildmodus der WebApp eingeschaltet ist. Die Werte von content sind default | black | black-translucent. Code kopieren Der Code lautet wie folgt:<meta name="apple-mobile-web-app-status-bar-style" content="schwarz-durchscheinend" /> Titel nach dem Hinzufügen zum Home-Bildschirm Code kopieren Der Code lautet wie folgt: <meta name="apple-mobile-web-app-title" content="Titel"> Nummern ignorieren und automatisch als Telefonnummern identifizieren Code kopieren Der Code lautet wie folgt: <meta content="Telefonnummer" name="Formaterkennung" /> Identifikationspostfach ignorieren Code kopieren Der Code lautet wie folgt: <meta content="email=no" name="format-detection" /> Fügen Sie ein Smart-App-Banner hinzu: Teilen Sie dem Browser die App mit, die dieser Website entspricht, und zeigen Sie auf der Seite ein Download-Banner an (wie unten gezeigt). Referenzdokumentation Code kopieren Der Code lautet wie folgt: <meta name="apple-itunes-app" content="app-id=meineAppStoreID, affiliate-data=meineAffiliateData, app-argument=meineURL"> Weitere Referenzdokumente XML/HTML-CodeInhalt in die Zwischenablage kopieren
Webbezogen Deklarationscode Code kopieren Der Code lautet wie folgt: <meta charset='utf-8' /> Priorisieren Sie die neueste Version von IE und Chrome Code kopieren Der Code lautet wie folgt:<meta http-equiv="X-UA-kompatibel" content="IE=edge,chrome=1" /> <!-- Über X-UA-Compatible --> <meta http-equiv="X-UA-Compatible" content="IE=6"><!-- IE6 verwenden --> <meta http-equiv="X-UA-Compatible" content="IE=7"><!-- IE7 verwenden --> <meta http-equiv="X-UA-Compatible" content="IE=8"><!-- IE8 verwenden --> Steuerung des Browserkernels : Viele inländische Browser verfügen über einen Dual-Kernel (WebKit und Trident). Der WebKit-Kernel dient zum schnellen Surfen und der IE-Kernel ist mit Webseiten und alten Versionen von Websites kompatibel. Websites, die Meta-Tags hinzufügen, können steuern, welchen Kernel der Browser rendert. Referenzdokumentation Code kopieren Der Code lautet wie folgt: <meta name="renderer" content="webkit|ie-comp|ie-stand"> Der Standard-Kernelmodus inländischer Dual-Core-Browser ist wie folgt: 1. Sogou-Hochgeschwindigkeitsbrowser, QQ-Browser: IE-Kernel (kompatibler Modus) Verhindern, dass Browser auf Seiteninhalte aus dem Cache des lokalen Computers zugreifen: Mit dieser Einstellung können Besucher nicht offline surfen. Code kopieren Der Code lautet wie folgt: <meta http-equiv="Pragma" content="kein-cache"> Windows 8 Code kopieren Der Code lautet wie folgt:<meta name="msapplication-TileColor" content="#000"/> <!-- Windows 8-Kachelfarbe --> <meta name="msapplication-TileImage" content="icon.png"/> <!-- Windows 8-Kachelsymbol --> Site-Anpassung: wird hauptsächlich für die Korrespondenz zwischen PC- und Mobilseiten verwendet. Code kopieren Der Code lautet wie folgt:<meta name="mobile-agent" content="format=[wml|xhtml|html5]; url=url"> <!-- [wml|xhtml|html5] Wählen Sie entsprechend dem Protokoll der mobilen Seite eine der folgenden Sprachen aus. url="url" Letzteres stellt die URL der mobilen Seite dar, die der aktuellen PC-Seite entspricht, und die beiden müssen in einer Eins-zu-eins-Entsprechung stehen. --> Transkodierungsanweisung: Wenn Sie eine Webseite mit Baidu öffnen, kann sie transkodiert werden (z. B. beim Posten von Werbung). Um die Transkodierung zu vermeiden, können Sie die folgenden Metadaten hinzufügen Code kopieren Der Code lautet wie folgt: <meta http-equiv="Cache-Steuerung" content="no-siteapp" /> Weitere Referenzdokumente VOLLSTÄNDIGE LISTE DER HTML-META-TAGS |
<<: Einführung in das MySQL Connection Control Plugin
>>: Ein Artikel zum Verständnis der erweiterten Funktionen von K8S
Wenn Sie kein Linux-System haben, finden Sie unte...
Softwareversion Windows: Windows 10 MySQL: mysql-...
Vorwort Wenn es um Datenbanktransaktionen geht, f...
Die Standard-MySQL-Version unter dem Alibaba Clou...
Inhaltsverzeichnis 1. Zweck 2. Grammatik 3. Üben ...
In diesem Artikel werden die spezifischen Schritt...
CSS-Transformationen sind zwar cool, wurden aber ...
Kontextdefinition und Zweck Der Kontext bietet ei...
1. Umweltvorbereitung 1.MySQL-Installationspfad: ...
Inhaltsverzeichnis 1. Was ist ein Index? 2. Warum...
Es gibt zwei Tabellen, und die Datensätze in Tabe...
Vorwort Die Schlüsselwörter von MySQL und Oracle ...
Schnelle Lösung zum Vergessen des MySQL-Datenbank...
1. Die Beziehung zwischen Schriftarten und Zeiche...
Inhaltsverzeichnis 1. Ursache 2. Geräteinformatio...