Meta-Tag-Funktion
META-Tag ist ein Schlüsseltag im HTML-Tag HEAD-Bereich, der den Dokument-Zeichensatz , Die wichtigste Aufgabe besteht darin, mithilfe grundlegender Informationen wie Sprache und Autor sowie der Festlegung von Schlüsselwörtern und Webseitenebenen Suchmaschinen Suchmaschinenoptimierung (SEO) durchführen zu können.
PS: Es ist praktisch für Suchmaschinen-Roboter, Internetanwendungen zu suchen und zu klassifizieren.Wie schreibe ich auf großen Websites?
Bevor ich dieses Tag verstand, suchte ich auf verschiedenen Mainstream-Websites nach deren Meta-Einstellungen, wie folgt:
Meta-Einstellungen auf der Homepage von JD.com:
Meta-Einstellungen auf der Taobao-Homepage:
<meta charset="gbk"> <meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"> <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东">
Meta-Einstellungen auf der Youku-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="">
Meta-Einstellungen der Douyu-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="视频服务平台,提供视频播放,视频发布,视频搜索,视频分享" />
Meta-Tag-Funktion
META-Tag ist ein Schlüsseltag im HEAD-Bereich von HTML-Tags, der Dokumente bereitstellt Zeichensatz, Die wichtigste Rolle der Verwendung grundlegender Informationen wie Sprache und Autor sowie der Festlegung von Schlüsselwörtern und Webseitenebenen besteht darin, die Suchmaschinenoptimierung (SEO) zu ermöglichen.
PS: Es ist für Suchmaschinen-Roboter praktisch, Internetanwendungen zu finden und zu klassifizieren.Wie schreibe ich auf großen Websites?
Bevor ich dieses Tag verstand, suchte ich auf verschiedenen Mainstream-Websites nach deren Meta-Einstellungen, wie folgt:
Meta-Einstellungen auf der Homepage von JD.com:
Meta-Einstellungen auf der Taobao-Homepage:
<meta charset="gbk"> <meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"> <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东">
Meta-Einstellungen auf der Youku-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="">
Meta-Detaillierte Erklärung
<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="视频服务平台,提供视频播放,视频发布,视频搜索,视频分享" />
Meta-Tag kann in zwei Teile unterteilt werden: http-equiv und nameVariable
.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 .
| Beispiel | Inhaltstyp | |
<meta http-equiv="content-Type" content="text/html; charset=utf-8"> Nach dem Login kopieren html5 -Seiten besteht darin, X-UA-kompatibel | ||
| zu simulieren einige Kompatibilitätsprobleme. | Der obige Code teilt dem IE-Browser mit, dass IE8/9 unabhängig davon, ob der Dokumentstandard mit DTD | deklariert ist, die IE7-Engine zum Rendern der Seite verwenden wird.Der obige Code teilt dem IE-Browser mit, dass IE8/9 die IE8-Engine zum Rendern der Seite verwenden wird. <meta http-equiv="X-UA-Compatible" content="IE=7"> Nach dem Login kopieren <meta http-equiv="X-UA-Compatible" content="IE=8"> Nach dem Login kopieren <meta http-equiv="X-UA-Compatible" content="IE=edge"> Nach dem Login kopieren <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> Nach dem Login kopieren GCF). 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-Browser core und unterstützt mehrere Versionen von IE-Browsern wie IE6, 7 und 8. läuft ab |
<meta http-equiv="expires"content="Fri,12Jan200118:18:18GMT"> Nach dem Login kopieren | ||
<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com"> Nach dem Login kopieren set- | Cookie||
| Wenn die Webseite abläuft, wird das lokale Cookie automatisch löschen. | <meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT；path=/"> Nach dem Login kopieren | |
| windows-target | 强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用 | <meta http-equiv="Window-target" content="_top"> Nach dem Login kopieren |
| cache-control | 缓存机制 | <meta http-equiv="cache-control" content="no-cache"> Nach dem Login kopieren Public：指示响应可被任何缓存区缓存。 Private：指示对于单个用户的整个或部分响应消息，不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息，此响应消息对于其他用户的请求无效。 no-cache：指示请求或响应消息不能缓存。 no-store：用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。 max-age：指示客户机可以接收生存期不大于指定时间（以秒为单位）的响应。 min-fresh：指示客户机可以接收响应时间小于当前时间加上指定时间的响应。 max-stale：指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值，那么客户机可以接收超出超时期指定值之内的响应消息。 |
name
name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
| 值 | 描述 | 例子 |
| author | 标注网页的作者 | <meta name="author" content="dashen" /> Nach dem Login kopieren |
| keywords | 页面关键词，用于被搜索引擎收录 | <meta name="keywords" content="新闻,新闻中心, 新闻频道"> Nach dem Login kopieren |
| description | 页面描述，用于搜索引擎收录 | <meta name="description" content="新闻中心,包含有时政新闻、国内新闻、国际新闻、社会新闻、时事评论、新闻图片、新闻专题、新闻论坛、军事、历史、的专业时事报道门户网站"> Nach dem Login kopieren |
| viewport | 用于控制页面缩放 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> Nach dem Login kopieren |
| renderer | 指定双核浏览器默认以何种方式渲染页面。 | <meta name="renderer" content="webkit">//默认webkit内核 <meta name="renderer" content="ie-comp">//默认IE兼容模式 <meta name="renderer" content="ie-stand">//默认IE标准模式 Nach dem Login kopieren PS：360浏览器支持 |
| generator | 说明网站的采用的什么软件制作 | <meta name="generator" content="Microsoft"/> Nach dem Login kopieren |
| revised | 网页文档的修改时间 | <meta name="revised" content="设计网, 6/24/2015"/> Nach dem Login kopieren |
| robots | 用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。 | <meta name="robots" content="none"/> Nach dem Login kopieren 取值：all|none|index|noindex|follow|nofollow, 默认all all：文件将被检索，且页面上的链接可以被查询； none：文件将不被检索，且页面上的链接不可以被查询； index：文件将被检索； follow：页面上的链接可以被查询； noindex：文件将不被检索，但页面上的链接可以被查询； nofollow：文件将不被检索，页面上的链接可以被查询。 |
| copyright | 网站版权信息 | <meta name="copyright" content="本页版权XXX所有。All Rights Reserved" /> Nach dem Login kopieren Das obige ist der detaillierte Inhalt vonZusammenfassung und detaillierte Erklärung von Meta-Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Verwandte Etiketten：
Quelle：php.cn
Vorheriger Artikel：Detaillierte Einführung in die Wiederverwendungspraktiken von HTML-Code
Nächster Artikel：Detaillierte Einführung in die Implementierung von logo.ico in HTML-Webseiten
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Automatische PX-Konvertierung in REM-Fehler
<style>html { font-size: calc(100vw / 3.75); }body { Schriftgröße: 0,16rem...
Aus 2024-04-16 09:34:16
0
0
4687
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
|
