it-swarm-eu.dev

Jak mám postupovat při přechodu na HTML5, aniž bych odcizil většinu mého publika?

Opravdu bych rád implementoval některé nové funkce, které jsou standardně dodávány s HTML5, ale chci to udělat takovým způsobem, který nenaruší můj web.

Vím, že progresivní vylepšení a kontrola useragentu je vždy možnost. Existují nějaké lepší alternativy?

4
Evan Plaice

2 možné přístupy:

  • HTML5 Shims , což jsou úryvky kódu, které vám umožní používat funkce HTML5, ale s chybami opravujícími uzávěry
  • Modernizr , což je sada nástrojů pro použití tříd CSS na tělo, které můžete použít jako součást detekce jednotlivých funkcí a zobrazování varování nebo deaktivačního kódu, pokud jsou tyto třídy přítomny nebo nejsou-li k dispozici.

Kapitola Detekce funkcí HTML 5Dive Into HTML 5 je také skvělým referenčním materiálem.

1
artlung

Mnohem přesnější způsob, jak určit typ prohlížeče, se kterým pracujete, je detekce funkcí, nikoli čtení useragent.

jQuery má .support () , což je skvělý způsob, jak toho dosáhnout.

Stejně jako u jakékoli funkce se ujistěte, že pokud chcete implementovat něco, co u starších prohlížečů ladně degraduje.

2
helloandre

Kromě těchto odpovědí se mnoho prvků HTML5, jako jsou prvky formuláře, elegantně rozloží na jednoduchá textová pole, protože pokud prohlížeč nerozpozná atribut type, bude výchozí text. Pokud prohlížeč také nerozpozná atribut (jako placeholder), ignoruje jej. Tato půvabná degradace znamená, že tyto prvky můžete implementovat, aniž byste se museli starat o to, co se děje, pokud prohlížeč uživatele nepodporuje HTML5. Prostě neuvidí nic zvláštního.

1
Jason

Gmail je ztělesněním progresivního vylepšení, jde z celé html ke všem zvonkům a píšťalkám. Proto má tak velké publikum. To je dobrý model, který lze napodobovat.

Navrhuji seskupení funkcí html5 do něčeho, co se zapne pomocí javascriptu pro kompatibilní prohlížeče. Což stále znamená, že budete chtít začít s html 4.

0
Kzqai