Unterbindung automatischer Verlinkung von Zahlen

In Smartphones und Tablets wird ggf. jede Art von Zahlenfolgen als Telefonnummer interpretiert und automatisch verlinkt. Hier z.B. wurde anfangs in der Unterschriftszeile das 13021961 und das Datum verlinkt.

Unterbinden

Das automatische Verlinken habe ich unterbunden, indem ich unter Design > HTML fast ganz oben unter die schon bestehende Zeile mit einem meta-Kommando auch noch dieses eingefügt habe:
HTML
<meta content="telephone=no" name="format-detection"/>

Selbst verlinken

Tatsächliche Telefonnummern kann ich, wenn ich möchte, selbst verlinken und sie nur in Geräten, die damit etwas anfangen können, farblich als Links erkennbar machen, hier im Beispiel auf Touchscreen-Geräten bis maximal 960px Breite. Das Antippen der Links spricht auf Touchscreen-Geräten die App an, mit der man auf dem Gerät telefoniert bzw. SMS schreibt. Auf normalen PCs, ohne solche Apps führen solche Links zu nichts. Normale Browser können die Adressen nicht verarbeiten, sondern nur eine Fehlermeldung öffnen.

Bei mir gibt es keinen Grund, mir unbekannten Leuten Links anzubieten, mit denen sie mich jederzeit sofort erreichen können. In Impressi muss man diese Art von Kontaktmöglichkeit nicht bieten.

Beispiel

(Die folgende Telefonnummer ist erfunden und führt hoffentlich zu niemandem.)
Mich anrufen unter +49 (0)123 1234567
Mir eine SMS schreiben an +49 (0)123 1234567

Code dazu

HTML
<a href="tel:+491231234567">Mich anrufen</a> unter +49 (0)123 1234567
<a href="sms:+491231234567">Mir eine SMS schreiben</a> an +49 (0)123 1234567
CSS
/* tel-und-sms-Link-Kommandos für PCs */
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover.
a[href^="sms"]:link,
a[href^="sms"]:visited,
a[href^="sms"]:hover {
border: none;
color: #000;
}

/* tel-und-sms-Link-Kommandos für Smartphones und Tablets */
@media only screen and (max-device-width: 960px) {
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover,
a[href^="sms"]:link,
a[href^="sms"]:visited,
a[href^="sms"]:hover {
border: 1px solid #0036c9;
color: #0036c9;
   }
}
Die passenden CSS-Selektoren zur Erreichung des Ziels habe ich von der Website webmasterparadies.de - Artikel: "Telefonnummer als Link für Smartphones", 24. Juni 2012 von Jan Pionzewski. - Danke, das hat die Zeit für meine Beschäftigung damit vermutlich deutlich verkürzt.
Ute Ziemes, 13021961.blogspot.de
, 

Kommentare

Kommentar veröffentlichen