Érvek a szemantika html kódot példákkal
Kezdjük azzal a nyilvánvaló példa.
Bad kódot szemantika
Jó kódot szemantika
De minden nem jól képviselik HTML5 címkék. Nézzünk egy sor osztályok neveit, és foglalkozik a tény, hogy azok megfelelnek a szemantika.
Nem szemantikai kódot. Ez egy klasszikus példája. Minden munkakörnyezet CSS moduláris rács ezt a fajta osztály neveket, hogy meghatározza, a rács. Lesz ez „yui-b”, „grid-4” vagy „spanHalf” - ilyen neveket közelebb a munkát elrendezés, mint leírni a tartalmát. Azonban használatuk gyakran elkerülhetetlen, ha dolgozik, sablonok moduláris rácsok.
Ha költözött a használatát HTML5, akkor a legjobb, ha egy elem
Szemantikus kódot. Ebben az esetben ez egy meghatározó eleme a szint fontos a felhasználói felületen (például, szakaszt vagy a gombot). Egy elem egy magasabb szintű lehet, hogy több élénk színek és mérete, valamint az elemek alacsony szintű tartalmazhat több tartalmat. De a pontos meghatározása stílusok ebben az esetben nem, így a kód szemantikai. Ez a helyzet nagyon hasonlít a jelölések használata
. . . és így tovább, de a többi elem a felület.
. és így tovább, de a többi elem a felület.
Nem szemantikai kódot. Ebben az esetben beszélünk beállítása a stílus az első bekezdés az oldalon. Ezt a módszert alkalmazzák, hogy vonzza a figyelmet az olvasók, hogy az anyag. Sokkal jobb, hogy használja a nevét „intro”, amelyben nincs hivatkozás az adott elem. De még jobb, hogy egy választó számára ezek a bekezdések, mint például a cikk p: first-of-típusú vagy h1 + p.
Szemantikus kódot. Az osztály nagyon jó leírás a tartalmának állapotáról. Például egy üzenetet a sikeres művelet lehet egy teljesen más stílus a hibaüzenetet.
Nem szemantikai kódot. Ebben a példában van egy kísérlet arra, hogy állítsa a meghatározása a méret a tartalom, hanem a célját. „Plain-Jane” nagyon hasonló „normális” vagy „szabályos”. Ideális CSS kódot kell megírni, hogy nem volt szükség az osztályban nevek, mint a „hagyományos”, amely leírja a méret a tartalom.
Nem szemantikai kódot. Az ilyen típusú osztály tipikusan, hogy meghatározza, a helyszínen, hogy nem kell felvenni a lánc linkeket. Ebben az esetben jobb, ha valami hasonló rel = nofollow a kapcsolatokat, de nem az osztály az egész tartalmat.
Nem szemantikai kódot. Itt van egy kísérlet arra, hogy leírja a méret a tartalom, hanem a célját.
Nem szemantikai kódot. Link tag maga határozza meg. Ha ebben az esetben nem volt kísérlet arra, hogy jelölje ki a hivatkozást többek között a legjobb, ha használja az adott leírás „miért”, például „könyv-link” vagy „” gombot.
Tegyük fel, hogy van egy honlap, van két cikket. És azt szeretném megkérdezni, hogy a különböző stílusokat. „Movie Reviews” lesz a kék háttér és a „Hot News” - piros háttér és a betűtípus nagyobb.
Az egyik módja annak, hogy megoldja a problémát az alábbiak szerint:
Egy másik módja a következő:
Természetesen, ha kéred több fejlesztő, hogy mi a kód jobban megfelel a szemantika a követelményeknek, a legtöbb fog mutatni az első lehetőség. Tökéletesen megfelel az anyag a leckét: egy leírást a kinevezési hivatkozás nélkül formázást. A második lehetőség jelzi a formátumot ( „blueBg” - az osztály neve, amely képződik két angol szó jelentése „kék háttér”). Ha hirtelen úgy döntött, hogy megváltoztatja a design film felülvizsgálat - például, hogy egy zöld háttér, a neve „blueBg” pedig egy rémálom fejlesztő. És a neve „film-felülvizsgálat” lehetővé teszi teljesen egyszerű stílust váltani, miközben kiváló szintű támogatása a kódot.
De senki sem állítja, hogy az első példát jobb minden esetben, kivétel nélkül. Tegyük fel, hogy egy bizonyos kék árnyalatú sok helyen használunk az oldalon. Például ez a hátteret néhány Lábjegyzet területek és az oldalsó panelen. Használhatja a következő szelektor:
Hatékony megoldás, mint a szín határozza meg csak egy helyen. De ez a kód lesz nehéz, hogy támogassa, mert van egy hosszú választó nehéz a vizuális érzékelés. Is szükség más szelektor, hogy meghatározza az egyedi stílus, amely elvezet egy ismétléses kód. Vagy akkor egy teljesen más megközelítést, és hagyjuk őket egymástól:
Ez a stílus segít megőrizni a CSS fájlban több szervezett (a különböző területek az egyes szakaszok). De a fórumon, hogy ismételje meg a meghatározásokat. A nagy építkezések, a meghatározása az azonos színű lehet akár több ezer alkalommal. Szörnyű! Az egyik megoldás az lehet, hogy egy osztály típusú „blueBg” meghatározása a szín egyszer, és illessze be a HTML-kódot, ha szeretné használni ezt a design. Persze, jobb, hogy hívja „mainBrandColor” vagy „secondaryFont”, hogy megszabaduljon a leírás formátumban. Lehet adományozni a szemantika a kódot javára az erőforrások megőrzéséhez.
5 óra az utolsó oszlop „HTML és DHTML”
Írásakor vagy hibát PHP scriptek, gyakran használja a var_dump () és print_r (), hogy megjelenjen egy sor fejlett adatok és objektumok. Ebben a bejegyzésben szeretnék mesélni var_export () függvény, amely képes átalakítani a tömb megfelelő formátumba a PHP kódot.
Egy pár ingyenes sablonok admin panel.
Sablon létrehozása írásra nem egy egyszerű dolog. Nálunk válogatott 30 helyszínen, ahol lehet letölteni ezeket a sablonokat, hogy megfeleljen minden ízlést.
Például, ha van egy keresőmező, amely a feldolgozott minden egyes megnyomásakor egy billentyűt. Ha valaki meg akarja írni a szót a Windows, AJAX kérés fog küldeni a következő részletet: W, Wi, Win, szél, Windo, ablak, Windows-t. A probléma?.
Válogatás a 15 új területek, ahol lehet letölteni ingyenes kép, hogy töltse ki az oldalakat.
Ramazan Umarov
Által nyújtott információk útján két csatorna (látás és hallás) a képzés hatékonyságának sokkal jobb tanulás könyvekből. A házi feladatok és online tesztek lehetővé teszi, hogy folyamatosan úgy gondolja, a célnyelven, és azonnal ellenőrizze tudását!
Ha azt szeretnénk, hosszú ideig, hogy tanulmányozzák, hogyan lehet HTML-t, akkor engem, mert van jó hír!
Ha már megtanulta a HTML és tovább szeretne lépni, a következő lépés az lesz, hogy tanulmányozza a CSS technológiával.
Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!