In diesem Artikel werden die Rolle von HTML-Meta-Tags und ihre Verwendung vorgestellt. Ich hoffe, Sie können diese Codes mehrmals selbst üben HTML-Meta-Tags. Die Meta-Einstellungen mehrerer bekannter Websites.
Lassen Sie uns zunächst über die Rolle des Meta-Tags sprechen:
Das Meta-Tag ist ein Schlüsseltag im Kopfbereich des HTML-Markups . Es befindet sich im Bereich < zwischen head> (einige nicht zwischen
). Obwohl die bereitgestellten Informationen für den Benutzer unsichtbar sind, handelt es sich dabei um die grundlegendsten Informationen des Dokuments. Neben der Bereitstellung grundlegender Informationen wie Dokumentzeichensatz, Sprache und Autor umfasst HTML auch das Festlegen von Schlüsselwörtern und Webseitenebenen.Als ich w3school überprüfte, brachten mich die „Metadaten“ im ersten Satz dazu, meine Google-Reise zu beginnen. Dann habe ich in der englischen Version von w3school erfolgreich die gewünschten Ergebnisse gefunden. (Das chinesische w3school bezieht sich auf Metainformationen, und weder Google noch Baidu haben entsprechende Einträge. Allerdings werden Metadaten bei Google ausführlich erklärt. Daher wird hier die Erklärung der englischen Version von W3school verwendet.)
Es ist nicht schwer zu erkennen, dass unter ihnen der Schlüssel Metadaten sind, die auf Chinesisch Metadaten genannt werden und Daten sind, die zur Beschreibung von Daten verwendet werden. Es wird nicht auf der Seite angezeigt, aber das Gerät erkennt es. Auf diese Weise wird die Funktion von Meta-Tags leicht verständlich.
Meta wird häufig verwendet, um Seitenbeschreibungen, Schlüsselwörter, das Datum der letzten Änderung und andere Metadaten zu definieren. Diese Metadaten dienen Browsern (wie die Seite angeordnet oder neu geladen wird), Suchmaschinen und anderen Webdiensten.
Einführung in die Verwendung von Meta-Tags in HTML:
<head> <！ - 声明文档使用的字符编码 - > <meta charset =“utf-8”/> <！ - 页面关键词 - > <meta name =“keywords”content =“个人活动发布，会办app，活动管理，会议管理，社群管理“/> <！ - 页面描述 - > <meta name =”description“content =”发布个人会议，发布公司会议，w我们都可以帮你找到合适的会议地点和参会观众“> <！ - 网页作者 - > <meta name =”author“content =”xin1642868874@163.com“> <！ - 搜索引擎抓取robotterms是一组使用逗号（， ）分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow。 - > <meta name =“机器人“content =”索引，按照“> <！ - 页面重定向和刷新 - > <meta http-equiv =”refresh“content =”0; url =“/> <！ - 禁止Chrome浏览器中自动提示翻译 - > <meta name =“google”value =“notranslate”> <！ - - 禁止百度转码 - > <meta http-equiv =“Cache-Control”content =“no-siteapp”> <！ - 自定义标签：app版本号说明 - > <meta name =“app-version”content =“1.13.3”> <title>php中文网</title> </head>
Das Obige dreht sich alles um die Rolle und Verwendung von HTML-Meta-Tags, und es gibt viele Attribute, aber Das ist jetzt wichtig. Für uns ist es noch etwas früh, das zu lernen.
Lassen Sie uns die Metadateien der Homepages mehrerer berühmter Websites teilen:
Die Metaeinstellungen der JD.com-Homepage:
<meta charset="gbk"> <meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"> <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东">
Die Meta-Einstellung der Taobao-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="">
Die Meta-Einstellung der Youku-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="视频服务平台,提供视频播放,视频发布,视频搜索,视频分享" />
Zusätzlich zu den oben erläuterten Dies wird auch häufig beim Erstellen eines solchen verwendet. Das Attribut
X-UA-Compatible im Meta-Tag ist ein spezielles Tag für IE8, das verwendet wird, um den IE8-Browser anzugeben, um die Rendering-Methode eines bestimmten zu simulieren Version des IE-Browsers, um einige Kompatibilitätsprobleme zu lösen.
<meta http-equiv="X-UA-Compatible" content="IE=7">
Der obige Code teilt dem IE-Browser mit, dass IE8/9 die Seite unabhängig davon, ob eine DTD zur Deklaration des Dokumentstandards verwendet wird, mit der IE7-Engine rendert.
Wenn wir uns die Metaeinstellungen großer Websites ansehen, können wir erkennen, dass die drei am häufigsten verwendeten sind: X-UA-kompatibel, Schlüsselwörter und Beschreibung. Wir müssen lernen, sie gut zu verwenden.
【Empfehlung des Herausgebers】
Was bedeutet das Head-Tag in HTML? Ein Artikel zeigt Ihnen, wie Sie das Head-Tag richtig verwenden
Das obige ist der detaillierte Inhalt vonWelche Rolle spielen HTML-Meta-Tags? Einführung in die Verwendung von HTML-Meta-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
