Heim > Web-Frontend > HTML-Tutorial > Eine kurze Diskussion über die Grundkenntnisse des HTML5-Head--Tags

Eine kurze Diskussion über die Grundkenntnisse des HTML5-Head--Tags

青灯夜游
Freigeben: 2018-09-26 16:23:44
Original
2095 Leute haben es durchsucht

In diesem Kapitel werden Ihnen einige grundlegende Kenntnisse über den HTML5-Header vermittelt. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Meta ist ein Hilfs-Tag im Head-Bereich der HTML-Sprache. Das Meta-Tag hat viele Funktionen, wie zum Beispiel: Suchmaschinenoptimierung (SEO), Definition der auf der Seite verwendeten Sprache, automatische Aktualisierung und Verweis zu einer neuen Seite und zur Realisierung zeitbasierter dynamischer Effekte, zur Steuerung der Seitenpufferung, zur Webseitenbewertung und -auswertung, zur Steuerung des Fensters für die Webseitenanzeige usw.!

Zusammensetzung des Meta-Tags: Das Meta-Tag hat zwei Attribute, nämlich das http-äquivalente Attribut und das Namensattribut. Diese unterschiedlichen Parameterwerte realisieren unterschiedliche Webseiten.

1. Das Namensattribut des

Das Namensattribut wird hauptsächlich zur Beschreibung der Webseite verwendet Der entsprechende Attributwert ist content. Der Inhalt im Inhalt wird hauptsächlich von Suchmaschinenrobotern verwendet, um Informationen zu finden und Informationen zu klassifizieren. Das Syntaxformat des Namensattributs des

Meta-Tags lautet:

<meta name="参数"content="具体的参数值">
Nach dem Login kopieren

Das Namensattribut hat hauptsächlich die folgenden Parameter:

1. Schlüsselwörter (Keywords)

Beschreibung: Schlüsselwörter werden verwendet, um Suchmaschinen mitzuteilen, welche Schlüsselwörter Ihre Webseite enthält.

<meta name="keywords"content="meta总结,html meta,meta属性,meta跳转">
Nach dem Login kopieren

2. Beschreibung (Beschreibung des Website-Inhalts)

<meta name="description"content="haorooms博客,html的meta总结,meta是html语言head区的一个辅助性标签。">
Nach dem Login kopieren

Beschreibung: Die Beschreibung wird verwendet, um Suchmaschinen den Hauptinhalt Ihrer Website mitzuteilen.

3. Roboter (Roboterführer)

Erläuterung: Roboter werden verwendet, um Suchrobotern mitzuteilen, welche Seiten indiziert werden müssen welche Seiten sind nicht indexpflichtig.

Zu den Inhaltsparametern gehören all, none, index, noindex, follow und nofollow. Der Standardwert ist alle.

<meta name="robots"content="none">
Nach dem Login kopieren

Die spezifischen Parameter sind wie folgt:
Der Informationsparameter ist all: Die Datei wird abgerufen und die Links auf der Seite können abgefragt werden
Der Informationsparameter ist „none“: Die Datei wird nicht abgerufen und die Links auf der Seite können nicht abgefragt werden Der Informationsparameter ist index: Die Datei wird abgerufen; Der Informationsparameter lautet: Links auf der Seite können abgefragt werden; Der Informationsparameter ist noindex: Die Datei wird nicht abgerufen, aber die Links auf der Seite können abgefragt werden Der Informationsparameter ist nofollow: Die Datei wird abgerufen, aber die Links auf der Seite können nicht abgefragt werden.


4 Autor (Autor)

<meta name="author"content="root,root@xxxx.com">
Nach dem Login kopieren

Beschreibung: Mark der Webseitenautor


5. Generator

<meta name="generator"content="信息参数"/>
Nach dem Login kopieren

Die Informationsparameter des Generators des Meta-Tags stellen die verwendete Software dar Erstellen Sie die Website.

6. COPYRIGHT

<META NAME="COPYRIGHT"CONTENT="信息参数">
Nach dem Login kopieren

Der COPYRIGHT-Informationsparameter des Meta-Tags stellt die Copyright-Informationen der Website dar.

2. http-equiv-Attribut des -Tags

http-equivWie der Name schon sagt, Es entspricht http. Die Funktion des Dateiheaders besteht darin, einige nützliche Informationen an den Browser zurückzugeben, um den Inhalt der Webseite korrekt und genau anzuzeigen. Der entsprechende Attributwert ist Inhalt, und der Inhalt im Inhalt ist tatsächlich der Variablenwert jedes Parameters. Das Syntaxformat des http-equiv-Attributs des

Meta-Tags lautet:

<meta http-equiv="参数"content="参数变量值">;
Nach dem Login kopieren

Das http-equiv-Attribut hat hauptsächlich die folgenden Parameter:

1. Läuft ab

Beschreibung: Kann verwendet werden, um die Ablaufzeit der Webseite festzulegen. Sobald eine Webseite abläuft, muss sie erneut an den Server übertragen werden.

<meta http-equiv="expires"content="Fri,12Jan200118:18:18GMT">
Nach dem Login kopieren
Hinweis: Es muss das GMT-Zeitformat verwendet werden.

2. Pragma (Cache-Modus)

Beschreibung: Verbietet dem Browser den Zugriff auf Seiteninhalte aus dem Cache des lokalen Computers.

<meta http-equiv="Pragma"content="no-cache">
Nach dem Login kopieren
Hinweis: Mit dieser Einstellung können Besucher nicht offline surfen.

3. Aktualisieren

Beschreibung: Automatisch aktualisieren und auf eine neue Seite verweisen.

<meta http-equiv="Refresh"content="2;URL=http://www.haorooms.com"> //(注意后面的引号,分别在秒数的前面和网址的后面)
Nach dem Login kopieren
Hinweis: Die 2 bezieht sich auf die automatische Aktualisierung der URL nach einer Aufenthaltsdauer von 2 Sekunden.

4. Set-Cookie (Cookie-Einstellung)

Hinweis: Wenn die Webseite abläuft, werden die gespeicherten Cookies gelöscht.

<meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/">
Nach dem Login kopieren
Hinweis: Es muss das GMT-Zeitformat verwendet werden.

5. Fensterziel (Anzeigefenstereinstellung)

Beschreibung: Erzwingen Sie, dass die Seite als unabhängige Seite im aktuellen Fenster angezeigt wird.

<meta http-equiv="Window-target"content="_top">
Nach dem Login kopieren
Hinweis: Wird verwendet, um zu verhindern, dass andere Ihre eigene Seite im Frame aufrufen.

6. Inhaltstyp (Anzeigezeichensatzeinstellung)

Beschreibung: Legen Sie den von der Seite verwendeten Zeichensatz fest.

<meta http-equiv="content-Type"content="text/html;charset=gb2312">
Nach dem Login kopieren
Die Details lauten wie folgt:

Wenn der Zeichensatzinformationsparameter des Meta-Tags beispielsweise GB2312 ist, bedeutet dies, dass die von der Website verwendete Codierung vereinfachtes Chinesisch ist

<; 🎜>Die Zeichensatzinformationen des Meta-Tags. Wenn der Parameter wie BIG5 ist, bedeutet dies, dass die von der Website verwendete Codierung traditionelles Chinesisch ist, wenn der Informationsparameter des Zeichensatzes des

Meta-Tags wie folgt lautet: 2022-jp bedeutet, dass die von der Website verwendete Kodierung japanisch ist.

Wenn der Informationsparameter des Zeichensatzes des

Meta-Tags z. B. ks_c_5601 lautet, bedeutet dies, dass die von der Website verwendete Kodierung koreanisch ist. Wenn der Informationsparameter des Zeichensatzes des

Meta-Tags beispielsweise ISO-8859-1 ist, bedeutet dies, dass die Kodierung der Website koreanisch ist. Die Kodierung ist Englisch Der Zeichensatzinformationsparameter des Meta-Tags ist beispielsweise UTF-8 und stellt die weltweite universelle Sprachcodierung dar.

7 (Inhaltssprache festlegen)

<meta http-equiv="Content-Language"content="zh-cn"/>
Nach dem Login kopieren

8、http-equiv="imagetoolbar"

<meta http-equiv="imagetoolbar"content="false"/>
Nach dem Login kopieren

指定是否显示图片工具栏,当为false代表不显示,当为true代表显示。

9、Content-Script-Type

<Meta http-equiv="Content-Script-Type"Content="text/javascript">
Nach dem Login kopieren

W3C网页规范,指明页面中脚本的类型。

三、常用的 标签写法

1、声明文档使用的字符编码: 

2、优先使用 IE 最新版本和 Chrome:
   

3、页面描述:       

4、页面关键词:      

5、网页作者:   

6、搜索引擎抓取:      

7、为移动设备添加 viewport:
    

8、iOS 设备 begin: 

9、添加到主屏后的标题(iOS 6 新增):  

10、启用360浏览器的极速模式(webkit):  

11、避免IE使用兼容模式:     

12、不让百度转码:    

13、微软的老式浏览器:   

14、强制竖屏:
   uc强制竖屏: QQ强制竖屏: UC强制全屏 QQ强制全屏:    

15、点击无高光:    windows phone 

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über die Grundkenntnisse des HTML5-Head--Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage