Alapvető HTML5 sablon minden projekt
Ebben a projektben fogjuk írni a kódot a semmiből, és magyarázza az egyes részek. Lehetetlen lenne, hogy egy ilyen projekt, amelyben az összes létező új elemeket és technikákat használtak, és így fogjuk magyarázni, mi a dolgok nem alkalmas a projekt. Így lesz egy sokféle lehetőséget, hogyan lehet létrehozni HTML5 és a CSS3 website vagy webes alkalmazás. Ez a cikk lehet használni, mint egy útmutató számos technikát. Kezdjük egy üres oldal HTML5:
Itt a mi alap sablon. Most nézzük meg néhány az elrendezés, és hogyan van írva, hogy a HTML5.
Gyakorlati tanfolyam adaptív layout Landing semmiből!
Ismerje meg a semmiből elő adaptív Landing HTML5 és a CSS3 a következő 6 napon
Mivel a böngészők fenntartásához szükséges összes létező típusú tartalom az interneten, akkor nem hivatkozhat pusztán a dokumentumtípus kell. Más szóval, egy doctype nem a HTML5-kompatibilis oldalakat. Minden attól függ, a böngésző. Sőt, akkor is használja a fenti doctype'ov új HTML5 elemek, és az oldal jelenik meg, ugyanúgy, mint egy új típusú dokumentumot.
Tovább a listán a HTML dokumentumban - html tag. A HTML5, ez nem sokat változott. A fenti példánkban a címkében, adtunk a lang attribútum értéke en, ami azt jelenti, hogy a dokumentum angol nyelvű. Ha XHTML szintaktikai szükséges hozzá az xmlns attribútum. A HTML5, nem nem kell, és még a lang attribútum vált kötelező. Dokumentum érvényesítése és kerül sor anélkül, hogy ezt az attribútumot. Abban a pillanatban, van:
Majdnem 100% -át az idő fogja használni a utf8. Részletes magyarázata a különbségek kódolás túlmutat e fejezet, és valószínűleg lesz érdekelt. De ha még mindig érdekel, elolvashatja kódolást a W3C vagy WHATWG.
Ezek a sorok nem sokban különbözik az előző szintaxis. Az oldal címe bejelentik a szokásos módon, és a meta tagek, felvettük csak példaként, hogy tudja, hol kell őket helyezni. Ebben a részben, akkor tegye bármennyi sok érvényes meta tagek.
Gyakorlati tanfolyam adaptív layout Landing semmiből!
Ismerje meg a semmiből elő adaptív Landing HTML5 és a CSS3 a következő 6 napon
A régi böngészők támogatása
Ez a dokumentum, persze, nem ment át az ellenőrzésen, és nem lesz probléma a rendelkezésre álló, de általában teszi szinte minden böngészőben - kivéve régebbi verziói IE. Előtti verziókban IE9 a fel nem ismert címkék stílusok nem kell alkalmazni. A motor úgy tekinti őket, «ismeretlen elemek», így nem lehet őket rendelni a stílust vagy megváltoztatni a viselkedésüket. Ez nem csak a címkéket, hogy mi jön ki, hanem minden tag során kifejlesztett után az adatok böngésző verzió. Tehát, hogy az összes új tag a HTML5.
A jó hír az, hogy abban az időben az írás, a legtöbb ember, aki még mindig a IE, üljön IE9 felett. Tehát ez a probléma magától megszűnik a legtöbb fejlesztőnek. Azonban, ha egy nagy felhasználók aránya ül IE8 és az idősebb, akkor csak meg kell csinálni valamit, hogy tervezzen nem esik szét.
Szintén érdemes megjegyezni, hogy ha használ JS könyvtárat, amely együttműködik a HTML5 és az új tulajdonságok az API, akkor már tartalmaznak egy script, ami aktiválja a HTML5. Ha igen, akkor a link a script törölni. Egy példa - JS könyvtár Modernizr, amely meghatározza a támogatás a legújabb HTML és CSS tulajdonságok. Modernizr az oldalon, akkor válassza ki a könyvtárat, amely támogatja a HTML5 címkekódjának régebbi verziói IE. További részletekért Modernizr figyelembe vesszük az A. függelékben
Megjegyzés: HTML5 Shiv nem old meg minden problémát
Mindig van egy csoport a felhasználók, akik számára a HTML5 Shiv haszontalan: azok az emberek, akik az egyik vagy másik ok JS tiltva, és leül az egész IE8 vagy az alatt. Ahogy webes tervezők, mindig azt mondják, hogy az oldal tartalmának teljes mértékben elérhető minden felhasználó, még azok számára is, akik fogyatékkal élő JS. De minden nem olyan rossz, mint amilyennek látszik. Számos tanulmány kimutatta, hogy az embereknek a száma kioldás JS olyan kevés, hogy vegye figyelembe azt, különösen, ha ezek az emberek mellett is végigülni IE8 vagy az alatt.
Az összes többi már történelem
Mivel JS az egyetlen programozási nyelv programozási az interneten, amelyet minden gyakorlati szempontból, és figyelembe véve azt a tényt, hogy minden böngésző használatát igénylik JS, akkor is, ha ez kifejezetten nem határozza meg a HTML5 dokumentum típusa attribútum megadása nem kötelező:
Legjobb gyakorlatot követve, tesszük a script tag az az oldal alján. Ez a megközelítés társul a sebesség oldal betöltése során a böngésző látja a címkét script, akkor leállítja a rakodási és az oldal megjelenítésére, amíg meg elemezni a script fájlt. Ez nagyban befolyásolja az oldal betöltése sebesség, különösen akkor, ha csatlakozik a nagy fájlok scriptek tetején, a tartalom előtt. Éppen ezért a legtöbb script kell helyezni a legalján az oldal, így töltik, miután az oldal betöltésekor.
Bizonyos esetekben szükséges elhelyezni szkriptek a tag fej (mindkettő HTML5 shiv), ha azt akarjuk, a szkript kezdett dolgozni, még mielőtt oldalleképezés.
Felülvizsgálat: Team webformyself.
Gyakorlati tanfolyam adaptív layout Landing semmiből!
Ismerje meg a semmiből elő adaptív Landing HTML5 és a CSS3 a következő 6 napon
A legtöbb IT hírek és webfejlesztés A csatorna-távirat
