Heim >Web-Frontend >CSS-Tutorial >Wie verhindern Sie, dass Telefonnummern auf Ihrem iPhone in Hyperlinks umgewandelt werden?

Wie verhindern Sie, dass Telefonnummern auf Ihrem iPhone in Hyperlinks umgewandelt werden?

DDD
DDDOriginal
2024-11-12 22:31:02890Durchsuche

How to Stop Phone Numbers Turning Into Hyperlinks on Your iPhone?

So verhindern Sie, dass Telefonnummern als Hyperlinks auf dem iPhone/iOS angezeigt werden

Bei der Anzeige von Telefonnummern auf einem iPhone fällt häufig auf, dass der blaue Hyperlink-Stil automatisch angewendet wird , auch wenn es keinen tatsächlichen Hyperlink gibt. Dieses Verhalten kann etwas ablenken und das Erscheinungsbild Ihrer Website beeinträchtigen.

Lösung 1: Verwenden des Meta-Tags zur Formaterkennung

So deaktivieren Sie die automatische Um die Formatierung von Telefonnummern zu ermöglichen, können Sie dem Kopf Ihres HTML-Dokuments das folgende Meta-Tag hinzufügen:

<meta name="format-detection" content="telephone=no">

Dieses Meta-Tag weist den Browser an, die automatische Formatierung für Telefonnummern zu ignorieren. Es ist jedoch wichtig zu beachten, dass die manuelle Formatierung von Telefonnummern als Hyperlinks weiterhin erforderlich ist, wenn Sie anklickbare Nummern wünschen.

Lösung 2: CSS verwenden

Option 1 (für Webseiten)

Wenn Sie keine Meta-Tags verwenden können, kann CSS verwendet werden, um Links mit href-Werten anzusprechen, die mit tel beginnen:

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
  /* Additional CSS properties as needed */
}

Dieses CSS-Attribut Der Selektor zielt auf alle Hyperlinks ab, die auf Telefonnummern verweisen, und entfernt den standardmäßigen blauen Stil.

Option 2 (für HTML-E-Mail-Vorlagen)

Eine weitere CSS-Option, besonders nützlich bei der Arbeit mit Bei HTML-E-Mail-Vorlagen werden Telefonnummern in Anker-Tags verpackt:

<a href="" x-apple-data-detectors>+44 (0)20 7194 8000</a>
a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  /* Other important CSS properties */
}

Diese Methode basiert auf einem bestimmten Attribut (x-apple-data-detectors), um Telefonnummern anzusprechen und deren Stil zurückzusetzen. Auf Wunsch können Klassen bestimmten Links zugewiesen und der CSS-Selektor entsprechend aktualisiert werden.

Das obige ist der detaillierte Inhalt vonWie verhindern Sie, dass Telefonnummern auf Ihrem iPhone in Hyperlinks umgewandelt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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