2011 var ett stort år för framsteg av HTML5 i webbutvecklingsgemenskapen. Det blev ganska allmänt antaget, särskilt för mobilwebben. Det har varit stora projekt som hjälper utvecklare att använda HTML5, som Paul Irlands HTML5 Boilerplate (tekniskt 2010, men populariserad 2011) och böcker i massor! Jag rekommenderar starkt Jeremy Keiths HTML5 för webbdesigners, publicerad av den ärafulla A Book Apart (en tjänst av Happy Cog). Men det som började som en rörelse 2010 blev det rätta sättet att göra saker 2011, från mobila webbplatser till progressiva förbättringar, och det inkluderar att integrera HTML5 i WordPress-teman.
Vad är exakt HTML5? Det är den senaste iterationen av HTML, vilken utveckling började 2004. Några av de mer anmärkningsvärda ändringarna i HTML5 är tillägget av rubriker med sidhuvud, sidfot, artikel, nav och åt sidan, en mängd nya formuläring, inklusive e-post och telefon (som kommer att utföra korrekt validering för dig), platshållarattributet, som låter dig lägga exempltext i ett formulärfält och en massa nya medieelement. Medieelementen inkluderar stöd för video, ljud och en duk, som gör att du kan dra eller på annat sätt dynamiskt byta innehåll.
HTML5 banar vägen för snabbare, mer interaktiva, mer semantiskt korrekta webbplatser (för att inte tala om att det är det bästa sättet att skapa mobilvänliga webbplatser). Den innehåller funktioner som krävde javascript eller Flash, vilket innebär att dina webbplatser beror på mindre och arbetar på fler plattformar. Ju snabbare webbplatser antar det här, desto bättre, och mer lämplig plattform än WordPress?
Så hur gjorde HTML5 det går till WordPress? Låt oss ta en titt…
Vi såg ett helt nytt tema under 2011, benämnt "tjugo elva". Förutom att visa de nya funktionerna 3.0 / 3.2 och skryta med några väldigt trevliga designändringar (inklusive en del fantastiska typografi) är Twenty Eleven det första WordPress-temat som stöder HTML5 och CSS3. Jag tror att det är ett stort framsteg, eftersom WordPress gör makt nästan 15% av Alexas bästa miljoner webbplatser (*).
I tjugosjuvuden ser vi det extra stödet till följande HTML5-taggar: ,
,
,
, och
, som kan utformas med hjälp av CSS, eftersom tjugofemte använder också html5shiv, ett javascriptbibliotek som lägger till de nya HTML5-elementen till DOM för Firefox, Chrome, IE7 + och mer.
Det betyder mycket för utvecklare, eftersom de nu kan utnyttja kraften i HTML5 i WordPress standardtema. Vi kan skapa formulär med bättre inmatningstyper, lägga till i de nya medieformaten och använda , bland annat.
Med standardtemat som stöder HTML5 följde andra teman till *. En snabb Google-sökning visar dig massor av uppringar av gratis HTML5 WordPress-teman från det här året. Att stödja HTML5 är nu en funktion av WordPress-teman som folk letar efter. Jag misstänker vid denna tid nästa år, det antas att HTML5 stöds av alla nya WordPress-teman.
* Jag vet att det fanns HTML5-teman före tjugo elva men det verkar som om med standardtemat HTML5 fick WordPress 'godkännande / officiellt stöd.
WordPress-temakonferenser kommer också in i HTML5-åtgärden, vilket innebär att alla teman som använder dessa ramar också kommer att använda HTML5. Det här är verkligen där vi kan (och gjorde) se omfattande HTML5-adoption eftersom vissa ramar kan driva tusentals webbplatser. Här är en lista med några fantastiska WordPress-temanormer, som också händer för att stödja HTML5:
Utöver det finns HTML5-handledning och barntema för både tematiska och avhandlingar, vilket är ganska stora ramar i WordPress-samhället. Vi omfattade också att skapa ditt eget WordPress Framework i en 4-delarserie (skrivet av er verkligen) som stöder HTML5.
Förutom teman finns det otaliga plugins som hjälper till att få HTML5 till WordPress-drivna webbplatser. Du får allt från inbäddning av HTML5-ljud och video, till att ändra divs till HTML5-element som och
, att skapa HTML5-formulär. Det finns till och med ett plugin som ska infoga HTML5 Boilerplate i ditt aktuella tema.
Plugins så här tillåter alla som använder WordPress, inte bara temaprojektorer, att gradvis och gradvis göra sina webbplatser mer moderna och mer plattform oberoende genom kraften i HTML5.
Medan HTML5-rörelsen verkligen startade 2010, hämtade den mycket ånga under 2011 och gjorde sin väg till någonsin fasaden av WordPress-utvecklingen. Från en mängd teman (inklusive det nya standardtemat) och ramverk, till plugins och mer, hade HTML5 kommit fram till WordPress-communityen.
För att säkerställa HTML5-tillväxten i WordPress, är det upp till utvecklare som oss att stanna kvar på teknikens blödande kant. Varje större webbläsare ser uppdateringar och med de uppdateringarna stöds fler funktioner i HTML5. Vi kan sedan börja integrera dessa funktioner i WordPress. På grund av det är jag glad att se vad 2012 medför.