Praktická HTML 5


Original: http://www.bobbyvandersluis.com/articles/practical_html5/

HTML 5 je v současné době redakce W3C Návrh a bude příští hlavní revize HTML. Zavádí spoustu nových funkcí prohlížeče , praktických nových pravidel analýzy a flexibilní řešení chyb . Prohlížeč výrobci jsou silně investují v této specifikaci a již začala realizovat HTML 5 je funkce v jejich nejnovější prohlížeče [1] [ 2].
Použití HTML 5 dnes

Skvělá věc, o HTML 5 je, že můžete již začít používat dnes a zvyknout si na novou syntaxi a funkčnosti , protože to je DOCTYPE je již podporován cross-browser a – kromě několika malých rozdílů – je zpětně kompatibilní s HTML 4 . Dokonce standardizuje stávajících vlastních funkcí .

Bohužel některé prohlížeče mají problémy tlumočnické nové HTML 5 prvků. V aplikaci Internet Explorer nemůžete stylu HTML 5 elementy , zatímco Firefox verze 2 ( a jiné prohlížeče založené na stejném enginu ) obsahuje chybu, která automaticky uzavírá veškeré neznámý prvek. K vyřešení těchto problémů je již několik zástupná řešení k dispozici , nicméně tito buď spoléhají na JavaScript nebo konkrétní server-side konfiguraci.

Osobně jsem se rozhodl začít používat HTML 5 DOCTYPE pro své osobní projekty , ale já nejsem zvláště zamilovaný použití těchto řešení. Spoléhat se na zpětnou kompatibilitu HTML 5 je místo , jsem v podstatě označit své nové projekty, jako kdybych byla pomocí HTML 4 , s tím rozdílem , že jsem :

používat HTML 5 DOCTYPE a typu MIME definice
udržet HTML 5 je názvy elementů na mysli, když jsem se pojmenovat své id a hodnoty atributu class
vložit HTML 5 v nové sémantické prvky uvnitř této přirážky, poté

Nevýhodou je zřejmý: zbytečné značky , které mohou donutit , abych refaktorovat mé šablony HTML a CSS souborů v několika málo let. Přesto , že tento přístup se cítí přirozenější pro mě , protože mi umožňuje používat HTML 5 v plně funkční a čistý způsob, jak dnes, když jsem odložit část přechodu do budoucnosti (část, kde jsou věci nejsou správně podporovány cross- Brower zatím).

Navíc – jako osobní preference kódování – I nadále používat malá názvy elementů a citáty kolem všech mých hodnot atributů , pro lepší čitelnost . Já také explicitně použít volitelnou hlava a tělo prvky , jejich čitelnost a protože JavaScript knihovny často očekávají, že tyto prvky jsou k dispozici ve vaší značky .
příklad
Fáze 1 (dnes )

Autor webovou stránku s HTML4 , jako je tento HTML 4 příkladu např. s následujícími přirážku na záhlaví:

A platí CSS , jak jej používat dnes:

# header {background – color: # eee ; }

Jako další krok nahradit HTML 4 DOCTYPE a MIME Type Definition s HTML 5 syntaxe a přidat sémantické HTML 5 prvků do dokumentu , jako v této aktualizované praktické HTML 5 například :

Všimněte si, že nemusíte aktualizovat stylů , protože jste jen přidal sémantické prvky . Ty v podstatě odložit to styling 2. fáze vašeho HTML 5 přechodu , kdy se žádné ošklivé zástupná potřeba.
Fáze 2 ( někde v budoucnu )

Předělání vaše HTML šablony odstraněním nadbytečné značky , jako je v tomto aktualizované HTML 5 například :

HTML 5 example

A Předělání vaše CSS soubory :

header { display: block ; background- color: # eee ; }

V každém případě , je to jen můj současný sled myšlenek. Prosím, dejte mi vědět, co si myslíte o tomto přístupu, a proč si myslíte, že je buď dobrý nebo špatný .