Határon böngésző elrendezés

Ma már van néhány a legnépszerűbb böngésző, hogy az emberek használják munkájukhoz az interneten. És egy állandó fejfájás bármely web designer - az, hogy ugyanaz a HTML-kód másképpen néz ki a különböző böngészőkben. Sőt, ugyanazt a kódot másképp néz ki a különböző változatai ugyanabban a böngészőben.

Természetesen minden webmaster kell vigyázni, hogy az oldal ugyanúgy néz ki, a legtöbb böngésző. Ez az a képesség (ha a kód ugyanúgy néz ki a különböző böngészőkben), és az úgynevezett „cross-browser elrendezés HTML”. Az a képesség, hogy elő ilyen kódot - nagyon hasznos, és nagyra értékelik a potenciális munkaadók. Nagyon gyakran, mint a követelmény az egyik első teljesítendő feltételeket egy potenciális jelölt egy web-programozó helyzetben egy komoly cég.
Miért honlap másképp néz ki a különböző böngészőkben?

Ennek számos oka a különböző típusú weboldal különböző böngészőkben.

1. A nem szabványos funkciók HTML.

A tervező használhat funkciók, amelyek nem szerepelnek a HTML szabványt. Valóban, a böngészők is támogathat több különböző tag attribútumokat, amelyek nem a szabványban leírt. Ezen funkciók használatához nem javasolt. Egy egyszerű oka van - ha bármi nem a szabványban leírt, bármelyik böngészővel nem támogatják ezt. És az alkotók a böngésző lesz teljesen igaza van. Nem kell használni nem szabványos funkciók.

Mindig győződjön meg róla, hogy írni a kódot, hogy megfeleljen a szabványnak.

Itt egy klasszikus példája. Tekintsük a következő egyszerű HTML táblázatot kódot.

hello world

Ez a kód jelenik meg a táblázatban, amely egy sejtben. Webdesigner akar az asztal magassága az első sorban egyenlő 100 képpont. Azonban a szabványos HTML toldalék magasság attribútum érvénytelen.

Ebben az esetben a hiba nem nagy, mint a magasság attribútum a tag érthető a legtöbb modern böngésző. (Csak InternetExplorer 4, nem ismeri fel az attribútum). De más esetekben a szabványos elhanyagolása vezethet több katasztrofális eredményekkel. Bizonyára mindannyian voltak helyszínek, hogy néhány elem, vagy oldalra csúszott, vagy lefelé. Mindannyiunknak, a legvalószínűbb, a zuhany alatt arra gondolt, hogy a helyszínen nem profi. Bár valószínű, a helyén csak nem tesztelték a fő típusa a böngészők. Jellemzően a helyén jön létre, és tesztelték csak InternetExplorer, mivel ez a legnépszerűbb böngésző a felhasználók körében. Ezért a következő alkalommal lesz elnéző, tudván, hogy miért van egy veszteség után.

A megfelelő megoldás például egy asztal - használata a stílusok. Itt van, mit kell keresni a „helyes” kód:

hello world

Ez a megvalósítás lesz (vagy legalábbis kellene) ugyanúgy jelennek meg, minden típusú böngészők.

2. Az alapértelmezett tulajdonságait.

Minden HTML elem, sok attribútumokat. Ez a szín, és a távolság a szomszédos elemek, és az összehangolás, és így tovább. Miközben készül a HTML kódot, a tervező általában határozza meg az értékét csak ezek az attribútumok, amelyek fontosak a bemutatása a elemeket az oldalon. Mit kell tenni a böngésző értékekkel meghatározhatatlan tulajdonságokat? Ebben az esetben a böngészők alap értékeket használ. És itt rejlik a veszély. Az alapértelmezett értékek eltérőek lehetnek a különböző böngészőkben. Például az alapértelmezett betűméret eltérő lehet. Emiatt az egyes böngészők, a szöveg több helyet, mint mások. Ez viszont vezethet különbségek feltérképezése oldalon.

Hogyan lehet megoldani ezt a problémát? Először is, az univerzális tanács: ellenőrizze a kijelzőn a helyszín annyi böngészők. Másodszor, ez lehetséges, a css fájlban beállított alapértelmezett értékek az összes elemek, amelyek az oldalon. Ez megakadályozza, hogy a böngésző ne kelljen „gondolkodni” értékek tulajdonságainak HTML-elemeket. Ezt meg lehet tenni, például az alábbiak szerint:
html, test, div, span, applet, tárgy, iframe,
H1, H2, H3, H4, H5, H6, p, blockquote, pre,
egy, röv, rövidítése, cím, nagy, idézet, kód,
del, dfn, em, font, img, ins, kbd, q, s SAMP
kicsi, sztrájk, erős, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
mezőkészlet, forma, címke, Legend,
táblázat, felirat, tbody, tfoot, thead, tr, th, td árrés: 0;
padding: 0;
átnyúló: 0;
vázlat: 0;
font-weight: örökli;
font-style: örökli;
font-size: 14px;
font-family: örökli;
függőleges-align: top;
háttér: átlátszó;
font: Verdana, Geneva, lucida 'lucida grande', Arial, Helvetica, sans-serif;
background-color. fehér;
>

Így az összes elemet az oldalon lesz a tulajdonságok megadott fájlt. Ha azt szeretnénk, hogy néhány elem tulajdonságai eltérnek az alapértelmezett tulajdonságokat, akkor meg kell adni manipulálhatók.

3. „Jellemzők” egyes böngészők.

Azonban, még ha a webmester használja csak a szabványos funkciók a HTML, állítsa az alapértelmezett attribútumok minden eleme a helyén továbbra is másképp néz ki a különböző böngészőkben. Ez abból adódik, hogy a böngészők maguk nem felel meg a szabványos HTML. A böngészők, mint minden szoftver tartalmazhat hibákat. Ezek a hibák általában gyorsan orvosolhatók, de mindig ott van a lehetőség, hogy a felhasználó nem telepítette a legfrissebb verzióját a böngésző.
Az is lehetséges, hogy a böngésző gyártók (főleg bűnök Microsoft), azt hiszik, hogy tudják a legjobban, hogyan kell megjeleníteni egy adott elemet.

Mivel a fő bűnös a összeférhetetlenségi problémákat a szabvány - ez az Internet Explorer, akkor találták sok lehetséges kerülőutakat, hogyan lehet egy honlapot IE ugyanúgy néz ki, mint a többi böngésző.

Kapcsolódó cikkek

• Határon böngésző CSS elrendezés