HTML Label Meta Summary, HTML5 -Kopf -Meta -Attribut Finishing

Meta ist ein Hilfslabel im Kopfbereich der HTML -Sprache. Vielleicht denken Sie, dass diese Codes optional sind. Wenn Sie gute Meta -Tags machen können, werden Sie unerwartete Effekte erzielen. Dynamische Dynamik beim Konvertieren der Webseite.

Meta-Etikettenzusammensetzung: Meta-Tags haben zwei Attribute.

 <! -> <meta charset = 'utf-8'> <!-Verwenden Sie die neueste Version von IE und Chrome-> <meta http-äquiv = x-ua-commission content = IE = Edge, Chrome = 1/> < ! -page Beschreibung-> <meta name = Beschreibung Inhalt = nicht mehr als 150 Zeichen/<!-Seite Keywords-> <meta name = keywords content =/> <!-webautor-> <meta name = author content = name , [email protected]/> <!-Suchmaschinencapture-> <Meta-Name Inhalt = Index, folgen Sie/> <!-Ansichtsfenster-> <meta name = viewPort content = initial-scale = 1, maximal-scale = 3, Mindestmaßstab = 1, Benutzer skalierbar = no> <! ----! --------`Width = Gerätebidth` wird das iPhone 5 zum Hauptbildschirm hinzufügen und die Seite öffnen Mit dem WebApp-Vollbildmodus. name = Apple-Mobile-web-App-fähige Inhalte = Ja/> <!-Ob Sie den WebApp-Vollbildmodus aktivieren, die Standard-Symbolleiste von Apple und Menüleiste löschen , Affil iate -data = myAffiliateEdata, App-Ragument = MyUrl> <!-Smart App Banner (iOS 6+ Safari)-> <meta name = Apple-Mobile-App-Status-Style-Style-Style T = Black/> <! -Setzen Sie die Farbe der Apple-Symbolleiste-> <meta name = format-detektionsinhalte = telphone = no, mail = no/> <!-Ignorieren Sie die digitale Erkennung auf der Seite als Telefonanruf, ignorieren Sie die E-Mail-Identifikation-> <! -Nable Der Geschwindigkeitsmodus des 360 Browsers (Webkit)-> <meta name = renderer content = webkit> <!-Vermeiden Sie, den Kompatibilitätsmodus zu verwenden. <!-Baidu transcoding-> <meta http-äquiv = cache-control content = no-Sizeapp /> <! <!-Microsofts altmodischer Browser-> <meta name = mobiloptimized content = 320> <!-uc erzwungen gewaltsam vertikaler Bildschirm-> <meta name = Bildschirm-Orientierungsinhalt = Porträt> <!-QQ erzwungen vertikaler Bildschirm-> < meta name = x5-orientation content = porträt> <!-uc obligatorisch Vollbildschirm-> <meta name = full screen content = yes> <!-qq 强制全屏-> <meta name = x5-fullscreen content = true > <!-uc 应用模式-> <meta name = browsmode content = application> <! > <meta name = msapplication-tap-highlight = no> <! > <!-iPhone und iTouch, das Standard 57x57 Pixel muss-> <link rel = Apple-Touch-iCon-proziertes Größen = 114x114 HREF =/Apple-Touch-ICON-114x114 -pong/PNG/> <!-Retina-Retina ITouch, 114x114 Pixel Nr., Aber es wird empfohlen-> <Link Rel = Apple-Touch-ICON-Vorgeburt Größen = 144x144 href =/Apple-touch-icon-144x144-vorgefertigt.png/> <!-Retina iPad ， 144x144 像素 ， 可以没有 ， 但推荐有-> <!-IOS-Symbol end-> <!-iOS-Startbildschirm begin-> <link rel = Apple-Touch-Startup-Image Größe = 768x1004 HREF =/Splash-Screen-Screen- 768x1004.png/> <! Vertikaler Bildschirm 1536x20088 (Retina)-> <Link Roth = Apple-Touch-Startup-Image-Größen = 1024x748 HREF =/Standard-Portrait-1024x748.png/> <!-IPAD Horizontal Screen 1024x748-> <link ROTH = Apple-Touch. -Startup-Image-Größen = 2048x1496 HREF =/Splash-Screen-2048x1496.png/> <!-iPad Viagra 2048x1496 (retina)-> <link rel = Apple-Touch-Startup-Image HREF =/Splash-Screen-320x480. PNG/> <!-iPhone/iPod Touch vertikaler Bildschirm 320x480 (Standardauflösung)-> <Link Rel = Apple-Touch-Startup-Image-Größen = 640x960 -Screen -640x960.png/> <!-iPhone/iPod Touch Vertical Screen 640x960 (Retina)-> <Link R = Apple-Touch-Startup-Image-Größen = 640x1136 HREF =/Splash-Screen-640x113 6.png/> <! -Iplhone 5/iPod Touch 5 vertikaler Bildschirm 640x1136 (Retina)->->->->->->->->->->-> <!-iOS Startup-Bildschirm End-> <!-iOS-Geräte end-> <meta name = msapplication-tilecolor content = 000000 /<!-Windows 8 Magnetic Sticker-> <meta name = msapplication-tileMage content = icon.png /> <!-Windows 8 Magnetic Sticker Icon-> <link rel = application/RSS +xml <!-RSS-Abonnement-> <link rel = Shortcut-Symboltyp = Bild/ICO href =/favicon.ico/> <! -Add Favicon Icon-> <!-SNS Social Label Begin--> <!-Siehe Weibo api-> <meta Eigenschaft = OG: Typ Content = Typ/> <meta Eigenschaft = OG: URL Content = url Adresse/> <Meta Eigenschaft = OG: Titelinhalt = Titel/> <Meta-Eigenschaft = OG: Bildinhalt = Image/<meta-Eigenschaft = OG: Beschreibung Inhalt = Beschreibung/<!-SNS Social Tag end-> <title> Titel </title </title </title </title > </Head>

Einige der häufig verwendeten Meta -Attribute sind oben angegeben, und ein Verständnis von Meta ist unten angegeben.

Meta ist ein Hilfslabel im Kopfbereich der HTML -Sprache. Vielleicht denken Sie, dass diese Codes optional sind. Wenn Sie gute Meta -Tags machen können, werden Sie unerwartete Effekte erzielen. Dynamische Dynamik beim Konvertieren der Webseite.

Meta-Etikettenzusammensetzung: Meta-Tags haben zwei Attribute.

Das Namensattribut wird hauptsächlich zur Beschreibung von Webseiten verwendet.

Das Name des Namens -Attribut -Grammatikformats des Meta -Label lautet:

 <meta name = parameter content = spezifischer Parameterwert>.

Die Namensattribute haben hauptsächlich die folgenden Parameter:

Hinweis: Schlüsselwörter werden verwendet, um die Keywords der Suchmaschinen für Ihre Webseite mitzuteilen.

Beispiel:

 <meta name = keywordScontent = meta -Zusammenfassung, HTML -Meta, Meta -Attribut, Metasprung>

B. Beschreibung (Website Inhalt Beschreibung)

Hinweis: Beschreibung wird verwendet, um den Hauptinhalt Ihrer Website für Suchmaschinen zu informieren.

Beispiel:

 <meta name = BeschreibungContent = Haorooms Blog, Meta -Zusammenfassung von HTML, Meta ist ein Hilfsetikett im HTML -Sprachkopfbereich. "

HINWEIS: Roboter verwenden die Suchroboter -Seite in den Index und welche Seiten keine Indizes benötigen.

Inhaltsparameter sind alle, keine, index, noIndex, folgen, nofollow. Der Standard ist alles.

Beispiel:

 <meta name = RobotsContent = Keine>

Die spezifischen Parameter sind wie folgt:

Der Informationsparameter ist alles: Die Datei wird abgerufen, und die Links auf der Seite können abfragen.

Der Informationsparameter ist keine: Die Datei wird nicht abgerufen und der Link auf der Seite kann nicht abgefragt werden.

Der Informationsparameter ist Index: Die Datei wird abgerufen.

Der Informationsparameter folgt: Der Link auf der Seite kann abfragen;

Der Informationsparameter lautet Nondex: Die Datei wird nicht abgerufen, aber die Links auf der Seite können abfragen.

Der Informationsparameter lautet nicht: Die Datei wird abgerufen, die Links auf der Seite können jedoch nicht abfragen.

Hinweis: Der Autor auf der Webseite

Beispiel:

 <meta name = AutorContent = root, [email protected]>

 <meta name = generatorContent = Information Parameter/>

Der Informationsparameter des Meta -Etiketts stellt dar, welche Softwareproduktion auf der Website verwendet wird.

 <Meta name = CopyrightContent = Informationsparameter>

Die Copyright -Informationsparameter von Meta -Tags repräsentieren die Copyright -Informationen der Website.

 <Meta name = revisit-afterContent = 7days>

Die Wiederaufnahme stellte die Website für eine erneute Besetzung dar.

HTTP-EQUIV ist, wie der Name schon sagt, dem Dateikopf von HTTP entspricht.

Das HTTP-äquiv-Attributformat von Meta-Tag lautet:

 <meta http-äquiv = parameter content = parameter variable value>;

Die HTTP-äquiv-Attribute haben hauptsächlich die folgenden Parameter:

Hinweis: Es kann verwendet werden, um die Ablaufzeit der Webseite festzulegen. Sobald die Webseite abläuft, muss sie auf dem Server erneut übertragen werden.

Verwendung:

 <meta http-äquiv = optirescontent = fri, 12jan200118: 18: 18gmt>

Hinweis: Das Zeitformat von GMT muss verwendet werden.

Hinweis: Es ist verboten, den Seiteninhalt aus dem Cache des lokalen Computers zu besuchen.

Verwendung:

 <meta http-äquiv = pragmacontent = no-cache>

Hinweis: Auf diese Weise können die Besucher nicht durchsuchen.

Hinweis: Aktualisieren Sie automatisch die neue Seite.

Verwendung:

 <meta http-equiv = refreshcontent = 2;

Hinweis: Die 2 von ihnen beziehen sich auf die automatische Aktualisierung der URL -Website, nachdem sie 2 Sekunden lang geblieben sind.

Erläuterung: Wenn die Webseite abläuft, wird der Keks des Geschäfts gelöscht.

Verwendung:

 <meta http-äquiv = set-cookiecontent = cookie value = xxx;

Hinweis: Das Zeitformat von GMT muss verwendet werden.

Hinweis: Die erzwungene Seite wird in einer unabhängigen Seite im aktuellen Fenster angezeigt.

Verwendung:

 <meta http-äquiv = window-targetContent = _top>

Hinweis: Es wird verwendet, um zu verhindern, dass andere ihre Seiten im Rahmen anrufen.

Hinweis: Stellen Sie den von der Seite verwendeten Zeichensatz fest.

Verwendung:

 <meta http-äquiv = content-typecontent = text/html;

Die Einzelheiten sind wie folgt:

Wenn die Informationsparameter des Zeichens der Meta -Etikett wie GB2312, bedeutet dies, dass der von der Website verwendete Code chinesisch vereinfacht wird.

Wenn die Informationsparameter des Meta -Etiketts wie Big5, bedeutet dies, dass der von der Website verwendete Code traditionelles Chinesisch ist.

Wenn die Informationsparameter des META-Etiketts wie ISO-2022-JP, bedeutet dies, dass die Website auf Japanisch verwendet wird.

Wenn die Informationsparameter des Meta -Tags wie KS_C_5601 sind, bedeutet dies, dass die Website auf Koreanisch verwendet wird.

Wenn die Informationsparameter des Zeichens von Meta-Tags ISO-8859-1 sind, bedeutet dies, dass die Codierung der Website Englisch ist.

Wenn die Informationsparameter der Meta-Tags UTF-8 sind, repräsentiert sie die Sprachcodierung der Welt.

Verwendung:

 <meta http-äquiv = inhaltssprachiger = zh-cn/>

Cache-Control gibt den Cache-Mechanismus von Anforderungen und die Antwort an. Legen Sie das Cache-Kontroll in der Anforderungsnachricht fest oder Antwortnachricht ändert den Cache-Prozess nicht während eines anderen Nachrichtenverarbeitungsprozesses. Die Cache-Anweisungen während der Anfrage umfassen No-Cache, No-Store, max-Alter, Maxstale, Min-Fresh, ON

Zu den Anweisungen von Ly-If-Cached als Antwort gehören öffentlich, privat, No-Cache, No-Store, No-Transform, Must-Revalidate, Proxy-Revalidate, max-Alter. Die Bedeutung der Anweisungen in jeder Nachricht lautet wie folgt

Die Reaktion der öffentlichen Indikation kann von jedem Cache -Bereich zwischengespeichert werden

Privat gibt an, dass die gesamte oder teilweise Antwortnachricht eines einzelnen Benutzers vom Cache nicht freigegeben werden kann. Auf diese Weise kann der Server die Antwortnachricht nur dann beschreiben, wenn der Teil der Antwort des Benutzers für die Reaktionsnachricht für die Anforderungen anderer Benutzer ungültig ist

No-Cache gibt an, dass Anfragen oder Antwortmeldungen nicht zwischengespeichert werden können

No-Store wird verwendet, um zu verhindern, dass wichtige Informationen unbeabsichtigt veröffentlicht werden. Durch das Senden der Anforderungsnachricht wird die Anforderung erstellt, und die Antwortnachricht verwendet den Cache nicht.

Max-Alter gibt an, dass der Kunde eine Antwort erhalten kann, dass die Überlebenszeit nicht größer als die angegebene Zeit ist (in Sekunden)

Min-Fresh gibt an, dass der Kunde die Antwortzeit weniger als die aktuelle Zeit zuzüglich der angegebenen Zeitantwort erhalten kann

Max-Stale gibt an, dass der Kunde die Antwortnachricht über die Zeitlimitzeit hinaus empfangen kann. Wenn der Wert der Max-Stall-Nachricht angegeben ist, kann der Client die Antwortnachricht innerhalb des angegebenen Werts des Timeouts empfangen.

 <meta http-äquiv = ImagetoolBarContent = false/>

Geben Sie an, ob die Bild -Symbolleiste angezeigt wird, sie wird nicht als falscher Vertreter angezeigt, sondern als wahrer Vertreter angezeigt.

 <Meta http-äquiv = content-script-typecontent = text/javaScript>

W3C -Webspezifikationen geben den Skripttyp auf der Seite an.

Geben Sie die Standardöffnungsmethode für alle Links auf der Seite an:

Zum Beispiel:

 <Basisziel = _self>

Alle Etiketten auf der angegebenen Seite werden auf dieser Seite geöffnet!