Häufig verwendete HTML-Meta-Enzyklopädie (empfohlen)

<!-- Definiert die Zeichenkodierung des Dokuments -->
<meta charset="utf-8" /> 
<!-- Erzwingt Chromium-Kernel, funktioniert auf inländischen Dual-Core-Browsern wie 360 ​​Browser, QQ Browser usw. -->
<meta name="renderer" content="webkit"/>
<!-- Erzwingt, dass der Chromium-Kernel mit anderen Dual-Core-Browsern funktioniert-->
<meta name="Force-Rendering" content="webkit"/>
<!-- Wenn das Google Chrome Frame-Plugin installiert ist, muss der Chromium-Kernel verwendet werden. Andernfalls muss für den IE-Browser die höchste vom Computer unterstützte Version des IE-Kernels verwendet werden. -->
<meta http-equiv="X-UA-kompatibel" content="IE=Edge,chrome=1"/>
<!-- 
    Legen Sie die Breite des Layout-Ansichtsfensters fest, eine positive Ganzzahl oder eine Zeichenfolge „width-device“
    initial-scale legt den anfänglichen Zoomwert der Seite fest, der eine Zahl mit Dezimalstellen ist minimum-scale ermöglicht den minimalen Zoomwert des Benutzers, der eine Zahl mit Dezimalstellen ist maximum-scale ermöglicht den maximalen Zoomwert des Benutzers, der eine Zahl mit Dezimalstellen ist shrink-to-fit=no In iOS 9 muss diese Eigenschaft hinzugefügt werden, damit die vorherigen Eigenschaften funktionieren height legt die Höhe des Layout-Ansichtsfensters fest. Diese Eigenschaft ist für uns nicht wichtig und wird selten verwendet user-scalable ermöglicht Benutzern das Zoomen, der Wert ist „no“ oder „yes“, no bedeutet nicht erlaubt, yes bedeutet erlaubt -->
<meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0, passend verkleinern=nein, Mindestmaßstab=1.0, Höchstmaßstab=1.0, benutzerdefiniert skalierbar=nein"/>
<!-- Seitenbeschreibung -->
<meta name="description" content="Nicht mehr als 150 Zeichen"/>
<!-- Seitenschlüsselwörter-->
<meta name="Schlüsselwörter" content=""/>
<!-- Seitenautor-->
<meta name="Autor" content="Name, [email protected]"/>
<!-- 
    Suchmaschinen crawlen alles: Die Dateien werden abgerufen und die 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. 
-->
<meta name="robots" content="index,follow"/>
<!-- Zahlen auf der Seite als Telefonnummern ignorieren und E-Mail-Erkennung ignorieren-->
<meta name="format-detection" content="Telefon=nein, E-Mail=nein"/>

<!-- IOS beginnt -->
<!-- Titel nach dem Hinzufügen zum Home-Bildschirm (neu in iOS 6) -->
<meta name="apple-mobile-web-app-title" content="Titel">
<!-- Wenn die Website zum Schnellstartmodus des Startbildschirms hinzugefügt wird, kann die Adressleiste ausgeblendet werden. Dies gilt nur für Safari unter iOS (nach iOS 7.0 ist der Effekt unter Safari nicht mehr sichtbar) -->
<meta name="apple-mobile-web-app-fähig" content="ja"/>
<!-- Ob der Vollbildmodus der WebApp aktiviert und die Standardsymbolleiste und Menüleiste von Apple gelöscht werden sollen-->
<meta name="apple-touch-fullscreen" content="ja"/>
<!-- Smart App Banner hinzufügen (iOS 6+ Safari) -->
<meta name="apple-itunes-app" content="app-id=meineAppStoreID, affiliate-data=meineAffiliateData, app-argument=meineURL">
<!-- Legen Sie die Farbe der Apple-Symbolleiste fest: Der Standardwert ist Standard (weiß), der auf Schwarz (schwarz) und Schwarz-durchscheinend (grau durchscheinend) eingestellt werden kann -->
<meta name="apple-mobile-web-app-status-bar-style" content="schwarz"/>
<!-- Transkodierung durch Baidu nicht zulassen -->
<meta http-equiv="Cache-Steuerung" content="no-siteapp" />
<!-- Optimiert für Handheld-Geräte, vor allem für einige alte Browser, die das Ansichtsfenster nicht erkennen, wie z. B. BlackBerry-->
<meta name="HandheldFriendly" content="true">
<!-- Der alte Browser von Microsoft -->
<meta name="MobilOptimized" content="320">
<!-- uc erzwingt vertikalen Bildschirm-->
<meta name="Bildschirmausrichtung" content="Hochformat">
<!-- QQ erzwungener vertikaler Bildschirm -->
<meta name="x5-orientation" content="Hochformat">
<!-- UC erzwungener Vollbildmodus -->
<meta name="Vollbild" content="ja">
<!-- QQ erzwungener Vollbildmodus -->
<meta name="x5-fullscreen" content="true">
<!-- UC-Anwendungsmodus -->
<meta name="Browsermodus" content="Anwendung">
<!-- QQ-Anwendungsmodus -->
<meta name="x5-page-mode" content="app">
<!-- Keine Hervorhebung beim Klicken auf Windows Phone -->
<meta name="msapplication-tap-highlight" content="nein">

<!-- 
    iOS-Symbole beginnen 
    Symbol, wenn die Website zum iOS-Desktop hinzugefügt wird -->
<!-- iPhone und iTouch, Standard 57 x 57 Pixel, erforderlich -->
<link rel="apple-touch-icon-precomposed" Größen="57x57" href="table_ico57.png">
<!-- Retina iPhone und Retina iTouch, 114 x 114 Pixel, optional, aber empfohlen -->
<link rel="apple-touch-icon-precomposed" Größen="72x72" href="table_ico72.png">
<link rel="apple-touch-icon-precomposed" Größen="114x114" href="table_ico114.png">
<!-- Retina iPad, 144x144 Pixel, optional, aber empfohlen -->
<link rel="apple-touch-icon-precomposed" Größen="144x144" href="table_ico144.png">

<!-- iOS-Startbildschirm beginnt -->
<!-- iPad-Hochformatbildschirm 768 x 1004 (Standardauflösung) -->
<link rel="apple-touch-startup-image" Größen="768x1004" href="/splash-screen-768x1004.png"/>
<!-- iPad horizontaler Bildschirm 1024x748 (Standardauflösung) -->
<link rel="apple-touch-startup-image" Größen="1024x748" href="/Default-Portrait-1024x748.png"/>
<!-- iPad-Hochformatbildschirm 1536 x 2008 (Retina) -->
<link rel="apple-touch-startup-image" Größen="1536x2008" href="/splash-screen-1536x2008.png"/>
<!-- iPad horizontaler Bildschirm 2048x1496 (Retina) -->
<link rel="apple-touch-startup-image" Größen="2048x1496" href="/splash-screen-2048x1496.png"/>
<!-- iPhone/iPod Touch vertikaler Bildschirm 320x480 (Standardauflösung) -->
<link rel="apple-touch-startup-image" href="/splash-screen-320x480.png"/>
<!-- iPhone/iPod Touch vertikaler Bildschirm 640x960 (Retina) -->
<link rel="apple-touch-startup-image" Größen="640x960" href="/splash-screen-640x960.png"/>
<!-- iPhone 5/iPod Touch 5 vertikaler Bildschirm 640x1136 (Retina) -->
<link rel="apple-touch-startup-image" Größen="640x1136" href="/splash-screen-640x1136.png"/>
<!-- IOS-Ende -->

<!-- Windows 8 Kachelfarbe -->
<meta name="msapplication-TileColor" content="#000"/>
<!-- Kachelsymbole von Windows 8-->
<meta name="msapplication-TileImage" content="icon.png"/>
<!-- RSS-Abonnement hinzufügen -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>

<!-- Beginn des SNS-Social-Tags -->
<!-- Siehe Weibo-API -->
<meta property="og:type" content="Typ" />
<meta property="og:url" content="URL-Adresse" />
<meta property="og:title" content="Titel" />
<meta property="og:image" content="Bild" />
<meta property="og:description" content="Beschreibung" />
<!-- sns social tag end -->

<meta name="renderer" content="webkit"/>
<meta name="Force-Rendering" content="webkit"/>
<meta http-equiv="X-UA-kompatibel" content="IE=edge,chrome=1"/>
<script>/*@cc_on window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>

<!DOCTYPE html>
<html lang="de">
  <Kopf>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0" />
    <title>Dokument</title>
    <meta name="renderer" content="webkit"/>
    <meta name="Force-Rendering" content="webkit"/>
    <meta http-equiv="X-UA-kompatibel" content="IE=edge,chrome=1"/>
    <script>/*@cc_on window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>
  </Kopf>
  <Text>
        <h1>Hallo Welt</h1>
  </body>
</html>