telefonos linkek egy dolog. Mint egy horgony link, amelyre megérinti (valószínűleg) menjen egy másik oldalra, ezek a linkek, amelyekre koppintva hívhat egy számot egy telefonképes eszközön. Már jó ideje itt vannak. Mégis, sok zavart okoznak nekem. Például sok eszköz automatikusan felismeri a telefonszámokat, és elvégzi az összekapcsolást számunkra, de nem mindig.
elegendő webes forgalom van a mobileszközökön, valamint rengeteg olyan asztali alkalmazás, amely képes hívásokat kezdeményezni, hogy érdemes többet tudni a telefon linkjeiről.,
Alapértelmezett Használata
van egy részlet a telefon linkeket ezen az oldalon, hogy már lógott 2011 óta:
<a href="tel:1-562-867-5309">1-562-867-5309</a>Ez is működik a szöveges linkek:
<a href="tel:1-562-867-5309">Click to Call!</a>tel: nem annyira a funkció, mint egy jegyzőkönyvet, oly módon, hogy a http: vagy mailto: vagy a protokollok a <a> tag funkciót. Maga a specifikumnak nincs mit mondania róla, bár a HMTL5 támogatást nyújtott az egyéni protokollkezelőknek, amelyek lehetővé teszik egy ilyen protokoll használatát.,
valószínűleg azon tűnődsz, hogy miért tekinthető alapértelmezett használatnak atel: hivatalos specifikáció hiányában. Ezt arra a tényre lehet jóváírni,hogy ez egy javasolt szabvány volt 2000-ig, majd később az iOS elfogadta, így ez a de facto út nagyjából 2007-ig. Vannak más telefon alapú protokollok is (amelyekhez később eljutunk), de a tel: – re összpontosítunk, tekintettel annak relatív előtérbe helyezésére.,
Browser Support
látjuk tel: felbukkan, mint egy protokoll kezelő linkek nem hivatalos dokumentáció; és ahol nincs dokumentáció, gyakran látni különbségek böngésző támogatás és viselkedés. Ez nem azt jelenti, hogy a böngészők nem ismerik fel a <a> címkét. Ehelyett a böngészők eltérő döntéseket hozhatnak arról, hogy mit kell tenni, ha erre a linkre kattintanak. Például egy böngésző feltételezheti, hogy egy másik alkalmazásnak meg kell nyitnia egy párbeszédablakot, amely megkérdezi, hogy melyik alkalmazást használja. Más esetekben a linket teljesen figyelmen kívül lehet hagyni.,
| böngésző | ,td>Igen | Kezdeményez hívást |
|---|---|---|
| iOS | Igen | Kiváltó lehetőséget, hogy hívás, üzenet, copy vagy hozzá szeretné rendelni a számot a Névjegyzék alkalmazás |
| Opera (OSX) | Igen | Kiváltó megerősítő párbeszédablak használata egy másik alkalmazás |
| Opera (Windows) | Igen | Kiváltó hiba párbeszédablak, hogy nem ismeri fel a protokoll |
| Safari | Igen | Elindítja a FaceTime |
Stílus Telefon Linkek
Stílus telefonszám, mint bármely más kapcsolat., Valójában örökli a horgonyok alapértelmezett stílusát:
a { color: orange; text-decoration: none;} tegyük fel, hogy csak a telefonos linkekre kell alkalmazni., Megtehetjük, hogy egy pszeudo selector, hogy megkeresi a tel: szöveg egy adott URL:
a { color: orange; text-decoration: none;}Tuts+ van egy ügyes trükk segítségével a ::before ál selector hozzá a unicode telefon karakter előtt a szám megjelenik:
a:before { content: "\260e"; margin-right: 0.5em;}Alternatív Telefon-Kapcsolódó Linkek
Hinni, vagy nem, tel: nem az egyetlen módja annak, hogy kezdeményezzen hívást egy link. Íme néhány más egyedi telefon alapú protokollkezelők a rendelkezésünkre.,
-
callto:pontosan úgy, mint atel:, de a Skype alkalmazáson keresztül kezdeményezett hívásokat. - automatikus felismerés: sok böngésző automatikusan felismeri a HTML-ben lévő telefonszámot, majd összekapcsolja az Ön számára-nem kell megváltoztatnia a jelölést. az iOS például teljesen ezt fogja tenni, bár úgy tűnik, hogy nem ez a helyzet a Chrome-ra az Androidon.
-
sms:hagyja ki a hívást, majd menjen egyenesen szöveges üzenetre. Úgy tűnik, hogy ez sokkal kevésbé támogatott, mint atel:a böngészők, köztük a mobil., -
fax:menjen vissza a jövőbe faxkészülékekkel. Ismét foltos megbízhatóság.
legjobb gyakorlatok
Ez kicsit vicces beszél a legjobb gyakorlatok, amikor valami előírások nélkül. A spec nem ad egy rövid véleményt a “click to call” ötlet, de itt van néhány dolog, hogy tartsa szem előtt, amikor dolgozik telefonszámok és linkek.
vegye figyelembe a kontextust
egy telefonos kapcsolat kiváló cselekvésre képes, különösen a mobiltelefonokon, ahol csökkenti a tartalom és a hívás közötti súrlódást., Ugyanakkor a telefonos kapcsolatok akadályt jelenthetnek egy asztali élményben, ahol telefonhívás nem lehetséges, ha az eszköz nem rendelkezik olyan alkalmazással, amely támogatja.
az egyik ötlet az lenne, hogy hozzon létre egy osztályt kifejezetten a telefon linkeket, és megpróbálja megmutatni, vagy elrejteni őket alapján, amit tudunk a böngésző. A Modernizr és a media lekérdezések itt hasznosak, bár teljesen pontatlanok.
használja az országkódokat
egy országkód nem szükséges, de lehet egy jó érintés oldalak nemzetközi forgalom., Az országkódokat egy + előzheti meg, de ez sem szükséges.
<a href="tel:+01-562-867-5309">1-562-867-5309</a>Search Engine Optimization
SEO szakértők, lehet, hogy többet hozzátenni, mint én, de a Google kínál egy strukturált adatok formátuma, a helyi vállalkozások használatát teszi telefonkapcsolat több felismerhető, hogy robotjai, formázás őket a keresési eredményoldalakon, hogy a szám sokkal jobban használható., A Dudley Storey kiváló áttekintést nyújt a következő példával:
a keresőmotorok telefon linkjeinek követésére szolgáló oldal másik oldalán hozzáadhat rel="nofollow" a linkeket nem lehet követni és indexelni. Ez lehet egy jó ötlet minden olyan linket nem jelölik meg, mint a cselekvésre való felhívás, mivel web crawlers lenne hajlandó, hogy megpróbálja követni, hogy sehol.,
<a href="tel:+01-562-867-5309" rel="nofollow">1-562-867-5309</a>kikapcsolása Számfelismerés iOS
Ha azt tervezi, hogy adjunk a telefon linkeket a jelölést, akkor is érdemes letiltani iOS automatikus felismerése telefonszámok és felülírja a stílusokat. Adja hozzá a következőt a <head> dokumentum kikapcsolásához:
<meta name="format-detection" content="telephone=no">