Meta-Tag

1. Ansichtsfenster

<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="viewport"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"</span> <span style="color: #0000ff;">/></span>

(1)Breite Steuern Sie die Größe des Ansichtsfensters. Sie können einen Wert angeben, z. B. 640 oder einen speziellen Wert. Gerätebreite ist die Breite des Geräts ( die Einheit ist 100 % skalierend) CSS-Pixel);

(2)

Anfangsmaßstab Anfängliches Zoomverhältnis, das Zoomverhältnis beim ersten Laden der Seite

(3)

maximaler Maßstab Der maximale Maßstab, auf den der Benutzer zoomen darf, im Bereich von 0 bis 10,0; (4)

Mindestmaßstab

Der Mindestfaktor, auf den der Benutzer zoomen darf, im Bereich von 0 bis 10,0; (5)Benutzerskalierbar

Ob der Benutzer manuell zoomen kann, kann der Wert sein: „Ja“ oder „True“, um dem Benutzer das Zoomen zu erlauben; „Nein“ oder „False“, um dem Benutzer das Zoomen nicht zu erlauben; >

2. content="IE=edge"

X-UA-Compatible

<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">http-equiv</span><span style="color: #0000ff;">="X-UA-Compatible"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="IE=edge"</span><span style="color: #0000ff;">></span>

ist ein proprietäres -Attribut. Es teilt dem IE8 mit, welche IE-Version zum Rendern von Webseiten verwendet werden soll, und wird im -Tag verwendet ;

IE=edge, wenn das System mit IE8 oder höher installiert ist, wird die höchste Version von IE zum Rendern verwendet; andernfalls kann diese Einstellung ignoriert werden.

3. Renderer

Geben Sie an, wie Dual-Core-Browser Seiten standardmäßig rendern.

<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="renderer"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="webkit|ie-comp|ie-stand"</span><span style="color: #0000ff;">></span>

Webkit

Standard-Webkit-Kernel

ie-comp Standard-IE-Kompatibilitätsmodus;

ie-stand Standard-IE-Standardmodus

Und webkit|ie-comp|ie-stand wird in der Reihenfolge der Priorität geschrieben. Der Browser wählt den Rendering-Kernel in der Reihenfolge von links nach rechts zur Verarbeitung aus .

Die derzeit unterstützten Browser sind: 360

4. Apple-Mobile-Web-App-Titel

Standardname beim Senden an den Bildschirm

<span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="apple-mobile-web-app-title"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="博客园"</span><span style="color: #0000ff;">></span>

5. Formaterkennung

<span style="color: #008080;">1</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="format-detection"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="telephone=no"</span> <span style="color: #0000ff;">/></span><span style="color: #000000;"> //告诉设备忽略将页面中的数字识别为电话号码
</span><span style="color: #008080;">2</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="format-detection"</span><span style="color: #ff0000;"> content</span><span style="color: #0000ff;">="email=no"</span> <span style="color: #0000ff;">/></span> //不让android识别邮箱