Ki sa yo ye epi poukisa ou ta dwe itilize yo
CSS machann prefiks, tou yon fwa li te ye tankou oswa CSS navigatè prefiks, se yon fason pou mizisyen navigatè yo ajoute sipò pou nouvo CSS karakteristik anvan sa yo karakteristik yo konplètman sipòte nan tout navigatè. Sa a ka fè pandan yon sòt de peryòd tès ak eksperimantasyon kote manifakti navigatè a ap detèmine egzakteman kouman nouvo karakteristik CSS sa yo pral aplike. Sa yo prefiks te vin trè popilè ak ogmantasyon nan CSS3 kèk ane de sa.
Lè CCS3 te premye prezante, yon kantite eksite pwopriyete yo te kòmanse frape navigatè diferan nan diferan moman. Pou egzanp, navigatè yo webkit ki mache ak pil (Safari ak Chrome) yo te youn nan premye prezante kèk nan pwopriyete yo animasyon-style tankou transfòme ak tranzisyon. Lè l sèvi avèk machann pwopriyete prefiks, konsèpteur entènèt yo te kapab sèvi ak sa yo karakteristik nouvo nan travay yo epi yo gen yo wè sou navigatè yo ki sipòte yo touswit, olye pou yo gen yo rete tann pou chak manifakti navigatè lòt ratrape!
Se konsa, nan pèspeksyon an nan yon pwomotè entènèt fen-fen, prefiks navigatè yo te itilize yo ajoute nouvo karakteristik CSS sou yon sit pandan y ap gen konfò konnen ke navigatè yo pral sipòte estil sa yo. Sa a ka itil espesyalman lè manifaktirè navigatè diferan aplike pwopriyete nan yon ti kras diferan fason oswa avèk yon sentaks diferan.
Nan prefiks navigatè CSS ke ou ka itilize (chak nan ki se espesifik nan yon navigatè diferan) yo se:
- Android: -webkit-
- Chrome: -webkit-
- Firefox: -moz-
- Internet Explorer: -ms-
- iOS: -webkit-
- Opera: -o-
- Safari: -webkit-
Nan pifò ka yo, yo sèvi ak yon mak nouvo CSS style pwopriyete, ou pran estanda CSS pwopriyete a epi ajoute prefiks la pou chak navigatè. Vèsyon prefiks yo ta toujou vini an premye (nan nenpòt ki lòd ou prefere) pandan y ap pwopriyete a nòmal CSS ap vini dènye. Pou egzanp, si ou vle ajoute yon tranzisyon CSS3 nan dokiman ou, ou ta itilize pwopriyete a tranzisyon jan yo montre anba a:
-webkit- tranzisyon: tout fasilite 4s;
-moz- tranzisyon: tout fasilite 4s;
-m- tranzisyon: tout fasilite 4s;
-o- tranzisyon: tout fasilite 4s;
tranzisyon: tout fasilite 4s;
Remak: Sonje byen, kèk navigatè gen yon sentaks diferan pou pwopriyete sèten pase lòt moun fè, kidonk pa sipoze ke vèsyon an navigatè-prefiks nan yon pwopriyete se egzakteman menm jan ak pwopriyete a estanda. Pou egzanp, yo kreye yon gradyan CSS , ou itilize pwopriyete a lineyè-gradyan. Firefox, Opera, ak vèsyon modèn nan Chrome ak Safari itilize ke pwopriyete ak prefiks ki apwopriye a pandan y ap vèsyon byen bonè nan Chrome ak Safari sèvi ak pwopriyete a prefiks -webkit-gradyan. Epitou, Firefox sèvi ak valè diferan pase sa yo estanda.
Rezon ki fè ou toujou fini deklarasyon ou ak vèsyon nòmal, ki pa prefiks nan pwopriyete CSS la se konsa ke lè yon navigatè sipòte règ la, li pral sèvi ak yon sèl. Sonje kijan CSS li. Règ yo pita pran priyorite sou pi bonè menm si espesifik la se menm bagay la tou, se konsa yon navigatè ta li vèsyon an machann nan yon règ epi sèvi ak ke si li pa sipòte yon sèl nòmal, men yon fwa li fè, li pral pase sou desizyon vèsyon an ak règ aktyèl CSS la.
Machann Prefiks yo se pa yon Hack
Lè prefikses machann yo te premye prezante, pwofesyonèl entènèt anpil mande si yo te yon Hack oswa yon chanjman tounen nan jou yo nwa nan forking kòd yon sit entènèt la sipòte navigatè diferan (sonje sa yo " sit sa a pi bon yo wè nan mesaj" IE ). CSS vandè prefiks yo pa antay, sepandan, epi ou ta dwe pa gen okenn rezèvasyon sou lè l sèvi avèk yo nan travay ou.
Yon Hack CSS exploit defo nan aplikasyon an nan yon lòt eleman oswa pwopriyete yo nan lòd yo jwenn yon lòt pwopriyete nan travay kòrèkteman. Pou egzanp, Hack nan modèl bwat eksplwate defo nan analize a nan vwa-fanmi an pwopriyete oswa nan ki jan navigatè parse backslashes (\). Men, sa yo antay yo te itilize yo ranje pwoblèm lan nan diferans ki genyen ant ki jan Internet Explorer 5.5 okipe modèl la bwat ak ki jan Netscape entèprete li, epi yo pa gen anyen fè ak style fanmi an vwa. Erezman sa yo de navigatè demode se yo menm nou pa gen enkyetid tèt nou ak jou sa yo.
Yon prefiks machann se pa yon Hack paske li pèmèt spesifikasyon a yo mete kanpe règ pou ki jan yon pwopriyete ta ka aplike, pandan y ap nan menm tan an pèmèt mizisyen navigatè aplike yon pwopriyete nan yon fason diferan san yo pa kraze tout lòt bagay. Anplis de sa, prefiks sa yo ap travay ak pwopriyete CSS ki pral evantyèlman dwe yon pati nan spesifikasyon la . Nou ap tou senpleman ajoute kèk kòd nan lòd jwenn aksè nan pwopriyete a byen bonè. Sa a se yon lòt rezon ki fè poukisa ou fini règ la CSS ak pwopriyete a nòmal, ki pa prefiks. Nan fason sa ou ka lage vèsyon yo prefiks yon fwa se sipò plen navigatè reyalize.
Vle konnen ki sa sipò navigatè a pou yon karakteristik sèten se? Sit entènèt la CanIUse.com se yon resous bèl bagay pou ranmase enfòmasyon sa a epi kite ou konnen ki navigatè, ak ki vèsyon an sa yo navigatè, kounye a sipòte yon karakteristik.
Prefiks machann yo anmède, men tanporè
Wi, li ta ka santi anmèdan ak repetisyon yo gen yo ekri pwopriyete yo 2-5 fwa jwenn li nan travay nan tout navigatè, men li la yon sitiyasyon tanporè. Pou egzanp, jis kèk ane de sa, yo mete yon kwen awondi sou yon bwat ou te gen ekri:
-moz-fontyè-reyon: 10px 5px;
-webkit-fontyè-tèt-gòch-reyon: 10px;
-webkit-fontyè-tèt-dwa-reyon: 5px;
-webkit-fontyè-anba-dwat-reyon: 10px;
-webkit-fontyè-anba-bò gòch-reyon: 5px;
fwontyè-reyon: 10px 5px;
Men koulye a, navigatè yo te vin konplètman sipòte karakteristik sa a, ou reyèlman sèlman bezwen vèsyon an ofisyèl:
fwontyè-reyon: 10px 5px;
Chrome te sipòte pwopriyete a CSS3 depi vèsyon 5.0, Firefox te ajoute li nan vèsyon 4.0, Safari ajoute li nan 5.0, Opera nan 10.5, iOS nan 4.0, ak android nan 2.1. Menm Internet Explorer 9 sipòte li san yo pa yon prefiks (ak IE 8 ak pi ba pa t 'sipòte li avèk oswa san prefiks).
Sonje ke navigatè yo toujou pral chanje ak apwòch kreyatif sipòte navigatè ki pi gran yo pral mande sof si w ap planifye sou bati paj wèb ki gen ane dèyè metòd ki pi modèn. Nan fen a, ekri prefiks navigatè se pi fasil pase jwenn ak esplwate erè ki pral gen plis chans fiks nan yon vèsyon nan lavni, ki egzije ke ou jwenn yon lòt erè esplwate ak sou sa.