Heim > Web-Frontend > HTML-Tutorial > Detaillierte Beschreibung der HTML-Mobile-Head-Tags und Meta-Tags

Detaillierte Beschreibung der HTML-Mobile-Head-Tags und Meta-Tags

黄舟
Freigeben: 2017-06-29 13:22:41
Original
1062 Leute haben es durchsucht

HTML5-Dokumenttyp verwenden, Groß-/Kleinschreibung nicht berücksichtigen

<!DOCTYPE html>
Nach dem Login kopieren

Mehr Standardsprache AttributSchreibweise

<html lang="zh-cmn-Hans">
Nach dem Login kopieren

Meta

Zustand die im Dokument verwendete Zeichenkodierung

<meta charset=&#39;utf-8&#39;>
Nach dem Login kopieren

Bevorzugen Sie die neueste Version von IE und Chrome

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
Nach dem Login kopieren

Seitenbeschreibung

<meta name="description" content="不超过150个字符"/>
Nach dem Login kopieren

Seitenschlüsselwörter

<meta name="keywords" content=""/>
Nach dem Login kopieren

Webseitenautor

<meta name="author" content="name, email@gmail.com"/>
Nach dem Login kopieren

SucheEngine-Crawling

<meta name="robots" content="index,follow"/>
Nach dem Login kopieren

Ansichtsfenster hinzufügen

<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    <!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->
Nach dem Login kopieren

Titel nach dem Hinzufügen von

zum Startbildschirm für iOS-Geräte hinzufügen (iOS 6 Neu)

<meta name="apple-mobile-web-app-title" content="标题">
Nach dem Login kopieren

Ob der WebApp-Vollbildmodus aktiviert werden soll, LöschenApples Standardsymbolleiste und Menüleiste

<meta name="apple-mobile-web-app-capable" content="yes"/>
Nach dem Login kopieren

Smart-App-Werbebanner hinzufügen Smart-App-Banner ( iOS 6+ Safari)

<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
Nach dem Login kopieren

Farbe der Apple-Symbolleiste festlegen

<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
Nach dem Login kopieren

Nummernerkennung auf der Seite als Telefonnummer ignorieren, E-Mail-Erkennung ignorieren

<meta name="format-detection" content="telphone=no, email=no"/>
Nach dem Login kopieren

Aktivieren Sie den Geschwindigkeitsmodus des 360-Browsers (Webkit)

<meta name="renderer" content="webkit">
Nach dem Login kopieren

Verhindern Sie, dass der IE den Kompatibilitätsmodus verwendet

<meta http-equiv="X-UA-Compatible" content="IE=edge">
Nach dem Login kopieren

Optimiert für Handheld-Geräte, hauptsächlich für einige alte Browser, die keine Ansichtsfenster erkennen, wie z. B. BlackBerry

<meta name="HandheldFriendly" content="true">
Nach dem Login kopieren

Microsofts alter Browser

<meta name="MobileOptimized" content="320">
Nach dem Login kopieren

uc Force Vertical Bildschirm

<meta name="screen-orientation" content="portrait">
Nach dem Login kopieren

QQ Force Vertikalbildschirm

<meta name="x5-orientation" content="portrait">
Nach dem Login kopieren

UC Force Vollbild

<meta name="full-screen" content="yes">
Nach dem Login kopieren

QQ Force Vollbild

<meta name="x5-fullscreen" content="true">
Nach dem Login kopieren

UC-Anwendungsmodus

<meta name="browsermode" content="application">
Nach dem Login kopieren

QQ-Anwendungsmodus


Windows Phone-Klick ohne Hervorhebung

<meta name="msapplication-tap-highlight" content="no">
Nach dem Login kopieren

iOS-Symbol

iPhone und iTouch, standardmäßig 57 x 57 Pixel, müssen haben

<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png"/>
Nach dem Login kopieren

Retina iPhone und Retina iTouch, 114 x 114 Pixel, optional, aber empfohlen

<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png"/>
Nach dem Login kopieren

Retina iPad, 144 x 144 Pixel, optional, aber empfohlen

<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png"/>
Nach dem Login kopieren

iOS aktiviertAnimationGesicht

iPad Portrait-Bildschirm 768 x 1004 (Standardauflösung)

<link rel="apple-touch-startup-image" sizes="768x1004" href="/splash-screen-768x1004.png"/>
Nach dem Login kopieren

iPad-Hochformatbildschirm 1536x2008 (Retina)

<link rel="apple-touch-startup-image" sizes="1536x2008" href="/splash-screen-1536x2008.png"/>
Nach dem Login kopieren

iPad-Querformatbildschirm 1024x748 (Standardauflösung)

<link rel="apple-touch-startup-image" sizes="1024x748" href="/Default-Portrait-1024x748.png"/>
Nach dem Login kopieren

iPad Querformat 2048x1496 (Retina)

<link rel="apple-touch-startup-image" sizes="2048x1496" href="/splash-screen-2048x1496.png"/>
Nach dem Login kopieren

iPhone/iPod Touch Hochformat 320x480 (Standardauflösung)

<link rel="apple-touch-startup-image" href="/splash-screen-320x480.png"/>
Nach dem Login kopieren

iPhone/iPod Touch Hochformat Bildschirm 640x960 (Retina)

<link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png"/>
Nach dem Login kopieren

iPhone 5/iPod Touch 5 Porträtbildschirm 640x1136 (Retina)

<link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png"/>
Nach dem Login kopieren

iOS-Geräte enden

Windows 8 Tile Farbe

 <meta name="msapplication-TileColor" content="#000"/>
Nach dem Login kopieren

Windows 8-Kachelsymbol

<meta name="msapplication-TileImage" content="icon.png"/>
Nach dem Login kopieren

RSS-Abonnement hinzufügen

<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
Nach dem Login kopieren

Favicon-Symbol hinzufügen

<link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
Nach dem Login kopieren

Titel

<title>标题</title>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDetaillierte Beschreibung der HTML-Mobile-Head-Tags und Meta-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