it-swarm-eu.dev

Měl bych používat HTML5 a / nebo CSS3 k vytvoření svého webu?

Nové věci HTML5/CSS3 (Web8!) Zní skvěle! Měl bych začít používat to hned, nebo držet s css/xhtml počkat, až bude moci používat více prohlížečů?

16
Jason

HTML5 je nyní podporován všemi prohlížeči, dokonce i IE5! (Pokud používáte skript html5shiv). Velmi doporučuji přečíst http://diveintohtml5.org Je to jeden z nejlepších zdrojů HTML5.

Pokud jde o CSS3, pokud ji používáte, nezapomeňte použít i předvolbu dodavatele, kromě pravidelné syntaxe. např.

poloměr hranic

-moz-border-radius

-webkit-border-radius

Věřím v progresivní vylepšení. Podpora IE9 css3 zní velmi slibně.

13
Jin

Pravděpodobně.

Existují části HTML5, které můžete použít právě teď, dnes. Například formuláře. Pokud máte <input type="email"> v prohlížeči, který nepodporuje HTML5 (ano, dokonce IE6), uvidíte jednoduše to samé, co byste viděli, kdybyste použili <input type="text">. Přesto v prohlížeči, který podporuje prvky formuláře HTML5, získáte výhody typu email: totiž klient chybu zkontroluje hodnotu bez nutnosti dalšího JS. I když ano, budete stále potřebovat JS pro prohlížeče bez HTML5, v podpůrných prohlížečích budete mít ještě jednu vrstvu ověření.

Další otázka na tomto web poskytuje dobrý přehled o nových funkcích, které máte k dispozici prostřednictvím HTML5 a CSS3. V této otázce je také spousta dobrých údajů o formulářích.

Protože Internet Explorer (a starší verze Safari a Firefox, jakkoli mohou být vzácné) nepodporují mnoho z těchto funkcí, které vám zůstanou v knihovnách JavaScriptu pro vyplnění mezery. Mezi ně patří přístup k výkonu (i když je to pouze pro prohlížeče, které je potřebují používat), takže při jejich používání buďte na paměti u svých uživatelů.

Pokud se rozhodnete, že tyto nové funkce stojí za to, zmírnit problémy s nedostatečnou podporou funkcí, použijte následující zdroje:

  • html5shiv: shiv JavaScriptu pro IE k rozpoznání a úpravě prvků HTML5.
  • CSS3 Pie: _ připojené chování IE (soubor .htc), díky kterému je Internet Průzkumník 6-8 schopný vykreslit několik nejužitečnějších dekoračních prvků CSS3. Při použití na prvek umožňuje IE rozpoznávat a zobrazovat border-radius, box-shadow, border-image, více obrázků na pozadí a linear-gradient jako obrázek na pozadí .
  • Modernizr: - knihovna Javascript, která používá detekci funkcí k testování aktuálního prohlížeče proti připravovaným funkcím CSS3/HTML5 a přidává třídy do <html> prvek pro ty, které jsou podporovány. Vytvoří také globální objekt JavaScript s vlastním názvem, který obsahuje booleovskou vlastnost pro každou funkci, true, pokud je podporována, a false, pokud není. Přidá podporu pro styling a tisk prvků HTML5, takže můžete použít prvky jako <section>, <header> a <nav>.
  • ie-css3.js: umožňuje aplikaci Internet Explorer identifikovat selektory pseudotřídy CSS3 a vykreslit všechna pravidla stylů s nimi definovaná. Podporuje různé selektory CSS3 na základě toho, která knihovna JavaScript váš web používá.
  • DD_belatedPNG: knihovna Javascript, která přidává podporu obrázků PNG k IE6. PNG můžete použít jako src elementu <img /> nebo jako vlastnost background-image v CSS. Na rozdíl od AlphaImageLoader, background-position a background-repeat pracují podle plánu a elementy budou reagovat na pseudotřídu a:hover.
  • TwinHelix IE Oprava PNG: _ připojené chování IE (an .htc file), který přidává podporu PNG s alfa krytím k IE 6. Plné umístění na pozadí CSS a opakování jsou podporovány (včetně CSS spritů) s dalším (zahrnutým) JavaScriptem.
  • Cokoli: hover: _ připojené chování IE (soubor .htc), který automaticky záplaty: hover,: active a: focus for IE6, IE7 and IE8 quirks, takže je můžete používat stejně jako v jakémkoli jiném prohlížeči. Zahrnuje podporu AJAX, což znamená, že jakýkoli html, který se do dokumentu vloží pomocí javascriptu, v IE také spustí styly :hover, :active a :focus.

Zajímavé je, že DD_belatedPNG řeší oba problémy, na které se vztahuje Whatever: hover a TwinHelix's IE PNG Fix s čistým JavaScriptem, zatímco Whatever: hover a TwinHelix's IE PNG Fix používají kombinaci JavaScript a IE připojené chování (.htc files).

Obecně lidé, kteří používají prohlížeče jiné než IE, upgradují je, když o to požádají, a tak IE nesou nápor „Ale některé prohlížeče tuto funkci nepodporují!“ stížnosti. Modernizr přidá možnost používat HTML5/CSS3 do jakéhokoli prohlížeče, který pravděpodobně uvidíte, nejen IE. ie-css3.js udělá to samé, jednoduše ho musíte implementovat bez IE podmíněného komentáře (což znamená všechny prohlížeče to nakonec dostanou pokud jej nezahrnete do kontrol uživatelských agentů na straně serveru - výrazně se tím sníží výkon všech vašich návštěvníků, nikoli pouze vašich IE uživatelů.)

12
Bryson

Používejte jakoukoli technologii, která nejlépe vyhovuje vašim potřebám.

Eric Meyer napsal pěkný článek o tom, proč začít používat prefixy specifické pro dodavatele na pravidlech CSS není chromé jako použití hacků typu css filter.

Myslím, že totéž platí pro HTML5. Pokud můžete zkontrolovat podporu prohlížeče pro různé funkce, proč ji nepoužívat. Dokud bude web ladně degradovat, žijte jej.

5
jessegavin

Některé další užitečné odkazy, když se rozhodujete, jaké funkce CSS3 budete chtít použít: http://caniuse.com/ (poskytuje dobrý přehled o tom, které prvky a selektory jsou použitelné na různých platformách)

http://css3please.com/ (hřiště na stránce, které lze upravovat pomocí funkcí CSS3, poskytuje také několik rad o tom, které techniky a funkce jsou podporovány, které platformy pro běžně požadované styly, jako jsou zaoblené rohy, gradientní pozadí atd.)

2

Používám jej k vylepšení prostředí moderních prohlížečů, aby uživatelé s dobrým prohlížečem byli „odměněni“ hezky vypadajícími uživatelskými rozhraními (zaoblené rohy, stíny, takové věci). Myslím, že byste ho neměli používat jako náhradu za povšimnutí vašeho současného ověření formuláře u klienta, pokud na to nemáte nějaký záložní zdroj JS.

1
D4V360

Pokud zahajujete nový projekt pomocí HTML5, který by měl být podporován i ve starších prohlížečích, nejlepší volbou je použít Initializr -

http://www.initializr.com/

Využívá HTML5 Boilerplate na backendu a přidává několik vlastních možností, aby vám poskytl šablonu, kterou můžete nasadit na svém vlastním webu. Zahrnuje knihovny Javascript (jako HTML Shiv nebo Modernizr), díky nimž bude váš web kompatibilní se staršími prohlížeči.

1
Mozan Sykol

Závisí na tom, co je publikum a jaké funkce chcete použít. Očekávám, že to bude ještě několik let, než průměrný projekt může zrušit podporu pro ie6 :(

0
theotherreceive

Pokud je váš web soukromým intranetem a vy buď ovládáte prohlížeč, nebo máte omezený rozsah prohlížečů, s nimiž se můžete vypořádat, pak můžete bez obav pracovat na technologické technologii krvácení.

Pokud ne, bez ohledu na to, co používáte, budete vždy muset vzít v úvahu nejnižší společný jmenovatel. V tomto případě je to pravděpodobně kombinace IE 6 a řady mobilních prohlížečů. Pokud se tedy posunete dopředu s HTML 5, máte další problém, jak zajistit, aby se vaše stránky pěkně „degradovaly“.

0
Gary.Ray