email
Meta-Informationen

Android ASP.NET C# Language CSS HTML Java Language JavaScript PHP Python Language Ruby on Rails
Suche…


Einführung

Wie bei der Webentwicklung können <meta> -Tags im <head> -Tag einer E-Mail enthalten sein. <meta> -Tags geben E-Mail-Clients an, wie sie den E-Mail-Code interpretieren und anzeigen. Dies sind <meta> -Tags, die regelmäßig in E-Mails verwendet werden.

Inhaltstyp

Das Meta-Tag Content-Type gibt der Zielrendering Engine an, wie Text und Sonderzeichen verarbeitet werden sollen. Sie sollten ohnehin alle Sonderzeichen verschlüsseln (z. B. & wird zu &amp; für ein kaufmännisches Und), um sicherzugehen, aber es lohnt sich, diese Zeile dort zu behalten.

utf-8 funktioniert in den meisten Fällen 

<head>
    <meta charset="utf-8">
</head>

oder 

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>

abhängig von deinem doctype .

Sichtfenster

Das viewport Meta-Tag weist ein Gerät an, den sichtbaren Bereich auf die Breite des Gerätebildschirms festzulegen. Außerdem wird die anfängliche Skalierung auf Normal gesetzt (nicht vergrößert oder verkleinert). 

<meta name="viewport" content="width=device-width">

oder 

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Das Erzwingen der anfänglichen Skala sollte jedoch nicht erforderlich sein.

Wenn dies nicht angegeben ist, können viele Smartphones den Inhalt verkleinern, sodass der Inhalt in den sichtbaren Bereich passt, nicht aber die Auffüllung oder Ränder. Dies kann dazu führen, dass Text und Bilder bis an den Bildschirmrand stoßen.

EdgeHTML-Modus anzeigen

Das IE=Edge Meta-Tag weist die Ziel-Rendering-Engine an, die neueste (Edge-) Version der IE-Rendering-Engine zu verwenden, die ein responsives Verhalten in Windows-Telefonen ermöglicht. 

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Gelegentlich unterbricht dies Bilder in Live Mail. Da das IE=Edge Tag spezifisch für Microsoft ist, kann es in einen bedingten Kommentar eingeschlossen werden, um es vor Live Mail zu verbergen: 

<!--[if !mso]><!-- -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->

Deaktivieren Sie die automatische Skalierung in iOS 10 Mail

Apple iOS 10 Mail skaliert nicht automatisch nicht reagierende E-Mails . Mit dem Meta-Tag für die auto-scale können Sie die automatische Skalierung in iOS 10 Mail vollständig deaktivieren. 

<meta name="x-apple-disable-message-reformatting">


Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow