aspect cross-browser. sfaturi utile
Și astfel, în acest articol voi încerca să explice ceea ce aspect cross-browser, ceea ce este importanța sa și să dea câteva sfaturi despre cum puteți învăța cum să typeset cross-browser.
Astăzi, există un număr suficient de browsere diferite: aceasta este Internet Explorer. și Mozilla Firefox. și Opera. și Safari. și Chrome. În plus, fiecare dintre aceste browsere, ca orice software-ul, există mai multe versiuni. Aceasta este o versiune a browser-ului este în curs de îmbătrânire, lăsând o urmă, care a introdus caracteristici moderne, etc. dar acest lucru este un pic mai departe.
Deci, unul și același loc, cu același model, stil, iar motorul poate fi afișat în diferite browsere în moduri diferite. Adică, tu culegătorie aspectul site-ului și verificat-l folosind un Mozilla FireFox, ne-am decis să curgă după verificarea în Internet Explorer, și acolo - un blocuri de coșmar dispersate, meniul nu este afișat corect, și toate formele de loc.
Acest lucru nu ar trebui să fie, site-ul ar trebui să fie afișate aproape identic în toate browserele din cauza vizitatorilor site-ului dvs. toate bucura de ele. Acum, pentru a rezuma toate cele de mai sus, se poate defini deja termenul aspectul de browser - acest aspect al site-ului, care vă permite să-l afișați în toate browserele în mod egal.
De aceea, atunci când angajarea o cerință cheie pentru specialiști DTP - este abilitatea de a impune cross-browser. Aflați cum să-i placă aspectul dintr-o dată nu va funcționa, de calificare vine cu experiență, unul începe să înțeleagă de ce, în unele browsere codul afișat în mod normal, în timp ce alte școli. Prin urmare, un codor cu experiență este încercarea de a face imediat codul cât mai mult posibil adaptată pentru toate browserele și numai în aspectul curs pentru a corecta anumite erori.
Acum, un pic despre ce este așa, de ce browsere diferite percep să scrie cod în diferite moduri.
Ei bine, în primul rând, există unele standard HTML. ca modul de aranjare nu se poate compara. Nu respectă aceste standarde pot și anumite versiuni de browsere, care încă vizitatorii ajung pe site-ul.
În al doilea rând, progresul se mișcă înainte, există tehnologii noi. care permit site-ul dvs. să fie mai elegant și funcțional. Prin urmare, noua bibliotecă, precum și regulile CSS, care vor fi bine înțelese versiuni actualizate ale browserelor și depășite, din păcate - nr.
În al treilea rând, este poznele de Internet Explorer. care joacă pe ei niște reguli. Personal, eu încă nu pot înțelege de ce oamenii nu se poate trage de pe acest browser. A fost deosebit de distractiv înainte, atunci când mulți utilizarea IE6. Acest browser nu înțelege jumătate din normele, imaginile, transparența nu joacă, etc. Acest lucru a avut și trebuie să utilizeze Imposer orice hacks pentru a obține în jurul valorii de IE.
Ei bine, ultimul motiv important - aceasta este atributele implicite. În browsere diferite, acesta poate fi diferit. Sub atributele unui element se refera la culoarea, distanța dintre elementele, dimensiunea fontului, etc. Dacă toate acestea și alți parametri care nu sunt precizate în foaia de stil, browser-ul în sine va începe să înlocuiască valorile care sunt specificate în mod implicit lui. Ei bine, pentru că aceste valori în diferite browsere, le puteți ghici modul în care acestea vor fi afișate în site-ul tău.
Cum de a rezolva aceste probleme și să învețe aspectul cross-browser. Un răspuns este de a practica și să caute soluții în rețea, de ce un anumit cod nu vrea să înțeleagă browser-ul specific. I din partea Vreau să dau câteva sfaturi pentru a vă ajuta să typeset cross-browser.
1. Pentru a rezolva problema cu atributele implicite. aveți posibilitatea să atribuiți aceste atribute într-o foaie de stil care browsere nu cred că afară și nu substituie valorile lor. Un exemplu de o astfel de regulă, citat:
html, corp, div, durata, applet, obiect, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
o, abbr, acronim, adresa, mare, cita, cod,
del, DFN, em, font, img, ins, kbd, q, s, samp,
mici, grevă, puternic, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
FIELDSET, formă, etichetă, legendă,
tabel, legendă, TBODY, TFOOT, dinlicitația, tr, th, marja td: 0;
padding: 0;
de frontieră: 0;
schiță: 0;
font-weight: moștenesc;
font-style: moștenesc;
font-size: 14px;
font-family: moștenesc;
vertical-align: top;
fundal: transparent;
font: Verdana, geneva, lucida, 'lucida grande', Arial, Helvetica, sans-serif;
culoare de fundal. alb;
>
2. Este necesar ca toate cele mai populare browsere au fost instalate pe computer. De asemenea, este recomandabil să se instaleze toate versiunile IE, variind de la 6. Set de pe un computer sunt multe versiuni de IE nu va lucra este pur și simplu acest lucru: trebuie fie să le pună pe diferite sisteme de operare pe o singură versiune sau de a folosi o mașină virtuală.
Puteți utiliza, de asemenea, programul Tester IE, care vă permite să verificați site-ul în jurul unui set de versiuni de IE. Personal, am folosi, dar unele nu le place, ei spun că unele dintre proiectele acestui program nu este afișat corect.
3. Este necesar să se definească o strategie de aspect. Pe măsură ce va fi mai convenabil: să impună imediat întregul site-ul sub un singur browser-ul, și apoi conduce-l la partea din spate sau să impună treptat și să verifice fiecare element în toate browserele, reglarea dacă este necesar.
I-am ales pentru a doua opțiune, fiecare element culegătorie întâi sub FireFox, și apoi personalizați-l la partea din spate, astfel încât la sfârșitul layout, puteți evita probleme inutile și nu reface intregul plan complet.
4. Pentru a facilita munca lor și rapid găsi erori în codul pentru un anumit browser, puteți instala următoarele plug-in-uri:
Care dintre toate vyshenapisannogo poate fi încheiat. aspect cross-browser nu este atât de teribil cum ar putea părea la prima vedere, cel mai important, pentru a câștiga experiență pentru a înțelege modul în care poate afișa unul sau alt browser scrieți cod în pagina. Alegeți turn-based aspect de strategie și de a folosi plugin-uri pentru dezvoltatori.
Împărtășiți articol cu prietenii tăi:
Spune, am confruntat cu o astfel de problemă, în cazul în care forma culegătorie butonul pentru a trimite o imagine, este situat indentându. Am renuntat tot ceea ce este posibil. În exemplu se mișcă liber, din motive necunoscute, mâna de sus. în alte browsere toate bine. Observați că fiecare font browser-ul din aceeași familie, este ușor diferit, o el mai gros, celălalt mai subțire și lățimea literelor este diferită. Este normal acest lucru?
Da, să-i cel puțin 1000 dă W3 - principalul lucru pe care utilizatorii văd site-ul este la fel peste tot, și în dreapta!
la Norb. Ai grijă pentru greșelile lor, ci despre toate dvs. eu nu știu - nu are consecințe pentru ei înșiși nu provoacă.
Da, aveți probleme 53 erori W3!