Szemantikus elrendezés
A szemantikus elrendezés használata során minden fejlesztő elkerülhetetlenül találkozik a böngészővel kapcsolatos problémákkal, amelyek megoldásához a legtöbb esetben szükség van az úgynevezett "hack" használatára. Általában ez a kifejezés egy speciális módot jelent a szkriptek vagy szabályok írásához, csak egy adott böngészővel. Azonban a legtöbb böngészőben a CSS kompatibilitás már elérte azt a szintet, ahol korlátozni kellene a "hack" használatát.
A baj legfőbb forrása az Internet Explorer. A CSS böngészőben végrehajtott hibáinak sokfélesége A Microsoft még a legtapasztaltabb tervezőkkel is meglepő. Ebben az összefüggésben vannak olyan helyzetek, amikor további vagy alternatív szabályokat kell alkalmazni az IE számára. Ilyen esetekben ajánlott a "hack" használata. Ha hirtelen szükséged van alternatív szabályokra, mondjuk csak a Firefoxra, akkor ajánlatos felülvizsgálni a kódot, és az esetek 99% -ában elegánsabb megoldást találsz.
A legnépszerűbb hack ma az úgynevezett "star html hack":
Az érvényes HTML- és XHMTL-dokumentumoknál a HTML-választó mindig egy gyökérelem szerepét játssza, és a BODY az első szint leszármazottja, de nem a második vagy a magasabb szint. Így elméletileg a "* HTML" választót nem szabad alkalmazni semmilyen elemre. De a gyakorlatban az IE ötödik és hatodik változata a saját motorjuk hibája miatt értelmezi ezt a választót HTML formátumként és alkalmazza a megadott szabályokat. Mivel más modern "* HTML" böngészőválasztó figyelmen kívül hagyja ezt a technikát önző célokra használhatja. Ez hasznos, de igaz?
Hogyan készítsünk egy webhely fejlécét
Annak ellenére, hogy ez a hack a CSS szabvány szempontjából helyes, sok negatív árnyalat van.
Először is, a "hack" szó furcsán hangzik, és a fejlesztő már nem szereti.
Másodszor, az ilyen böngészők számára az Internet Explorer böngészője megzavarja a kódot, a betöltött és minden más böngészőt.
Hogyan tudom megsemmisíteni az Internet Explorert a hackok használata nélkül?
Alternatív kimenet
Így minden hackjük külön fájlban jeleníthető meg:
Javasoljuk, hogy olvassa el a Yandex. Webmesterek iskoláját
Vizsgálati anyagok:
Az Internet Explorer zaklatása vagy a "csodálatos szabályok"
Amint már említettük, a Microsoft böngészője a legtöbb problémát a webböngészőbe bocsátja. Ha külön szabályokat szeretne hozzáadni az Internet Explorerhez, akkor már tudja. Most fontold meg, milyen szabályok segíthetnek nekünk az IE rettegése miatt.
- Az IE / nyerés megszűnik a lista-háttérhiba
- IE6 határszakadás
Ezt a szabályt gyakran használják spontán módon hiányzó blokkokhoz is. Nem esik vagy nem működik, vagyis eltűnik. Különösen az Internet Explorer 5.0 bűneit.
- Az IE6 három képpontos szöveg-jog
- Az IE menekülő Floats Bug
- IE és dőlt betűvel (legyen óvatos az 5.0-mal, árnyékolással)
- IE / Nyisson meg nem leforgatható tartalomhiba
- IE / Win Guillotine Bug
- Quirky Percentages az IE6 vizuális formázási modelljében
A vágóelemekhez is használják. Állítson be úszót tartalmazó tartályra.
- Floats, Margins és IE
- Az IE duplázott Float-Margin Bug
Javasoljuk, hogy olvassa el A html listanevek színének megváltoztatását
- Quirky Percentages az IE6 vizuális formázási modelljében
- Analóg magasság: 1% az IE 7 esetében.
És néhány tipp:
Először ezeket a szabályokat kizárólag az IE-hez használja. És a különböző változatok a megoldás eltérhetnek (gyakrabban utal, hogy a magasság: 1% és zoom: 1).
Másodszor, miután találkoztál a felfedező nemkívánatos viselkedésével, amely nem rendelkezik dokumentált magyarázattal (vagy csak túl lusta keresni), próbáljon következetesen alkalmazni a problémaelemre minden olyan szabályt, amely hatással van a hasLayout tulajdonságra. A szakmánkban gyakran használunk gondos keresési módszert.
Vizsgálati anyagok: