Heim > Web-Frontend > H5-Tutorial > Hauptteil

Mobiler H5-Header-Definitionsstil

高洛峰
Freigeben: 2017-02-09 15:39:55
Original
2075 Leute haben es durchsucht

 <meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
 <meta name="apple-mobile-web-app-capable" content="no" />
 <meta name="format-detection" content="telephone=no,email=no,adress=no"/>
Nach dem Login kopieren

1. width=device-width width: die Breite des sichtbaren Bereichs, der Wert kann eine Zahl oder das Schlüsselwort device-width (Gerätebreite) sein

2. initial-scale=1.0, initial-scale: Beim ersten Anzeigen der Seite wird die Zoomstufe des sichtbaren Bereichs angezeigt. Bei einem Wert von 1,0 wird die Seite in ihrer tatsächlichen Größe ohne Skalierung angezeigt. (Anfänglicher Maßstab)

3. Maximaler Maßstab = 1,0; der maximale Maßstab ist ein Programm, bei dem Benutzer die Seite vergrößern können von der Vergrößerung der Seite auf die tatsächliche Größe oben.

4. Benutzerskalierbar: Ob die Seite gezoomt werden kann, keine Skalierung ist verboten

5. Apple-Mobile-Web-App-fähig: Die Funktion dieser Meta besteht darin, die zu löschen Standard-Apple-Werkzeugleiste und Menüleiste.

Inhalt hat zwei Werte: „Ja“ und „Nein“. Wenn wir die Symbolleiste und die Menüleiste anzeigen müssen, ist es nicht erforderlich, diese Metazeile hinzuzufügen.

6.

format-detection ins Chinesische übersetzt Es ist „Formaterkennung“. Wie der Name schon sagt, wird es zum Erkennen einiger Formate in HTML verwendet. Das Formaterkennungsattribut von Meta hat hauptsächlich die folgenden Einstellungen:

meta name="format-detection" content=" phone=no"

meta name="format-detection" content="email=no"

meta name="format-detection" content="adress=no"

Sie können auch schreiben: meta name="format-detection" content="telephone=no,email=no,adress=no"

Im Folgenden finden Sie eine detaillierte Beschreibung der Rolle jeder Einstellung:

1. Telefon

Sie haben eindeutig eine Zahlenfolge geschrieben, ohne einen Linkstil hinzuzufügen, aber das iPhone fügt Ihrem Text automatisch einen Linkstil hinzu, und wenn Sie auf die Nummer klicken, wird die Nummer automatisch gewählt ! Wie entferne ich diesen DFÜ-Link? Zu diesem Zeitpunkt sollte unser Meta erneut seine magische Kraft zeigen. Der Code lautet wie folgt:

telephone=no verbietet die Umwandlung von Nummern in DFÜ-Links!
telephone=yes ermöglicht die Konvertierung von Nummern in DFÜ-Links. Um die Konvertierungsfunktion zu aktivieren, ist es nicht erforderlich, dieses Meta zu schreiben. Es ist standardmäßig aktiviert.

2. E-Mail

weist das Gerät an, die E-Mail-Adresse nicht zu erkennen und sie nach dem Klicken nicht automatisch zu senden

email=no ist als E-Mail-Adresse verboten!
email=yes aktiviert den Text und verwendet standardmäßig die E-Mail-Adresse. Es ist nicht erforderlich, dieses Meta zu schreiben. Es ist standardmäßig aktiviert.

3. Adresse

Adresse=nein Das Springen zur Karte ist verboten!
adress=yes aktiviert die Funktion, durch Klicken auf die Adresse direkt zur Karte zu springen. Sie ist standardmäßig aktiviert!

Weitere Artikel zum H5-Header-Definitionsstil auf Mobiltelefonen finden Sie auf der chinesischen PHP-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