HTML Telefon Links für Smartphones bzw. gewisse Browser
Beim Besuch via Smartphone aktiviert der Link “Karl-Rüdiger: 079 333 88 22” per Klick (bzw. Fingertipp) die Telefonfunktion und ruft an.
Link-HTML:
<a href="tel:+41793338822">079 333 88 22</a>
CSS3 tel-Link ändern :
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
text-decoration:none;
cursor:default;
color:#color;
}
Zusätzlich für Smartphones:
@media only screen and (max-device-width:480px) {
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
text-decoration:underline;
cursor:pointer;
color:#color;
}
}
Mit der Meta-Angabe:
«meta name="format-detection" content="telephone=no" /»
sollte verhindert werden, dass so formatierte Links auf Smartphones automatisch anklickbar sind.