Hur man använder webbstandarder för att bygga webbplatser för alla enheter

Avslöjande: Ditt stöd hjälper till att hålla webbplatsen igång! Vi tjänar en remissavgift för några av de tjänster vi rekommenderar på denna sida.


När Tim Berners-Lee först skapade INQUIRE (föregångaren till webben) hade han en vision om en informationssuperväg som fritt reste av alla. Trots att det fortfarande var i sin barndom lovade World Wide Web en obehindrad tillgång till information, gemenskap och, ja, affärsmöjligheter. Men eftersom nätet långsamt tog form, verkade den friheten hotas inifrån, och det finns goda chanser att internet vi njuter av i dag skulle kunna kollapsa under sin egen potential.

W3C och Web Standards Project

Inte länge efter att webben introducerades för världen, började Netscape och Microsoft (två av de främsta förflyttarna inom mjukvaruutveckling) ett stadigt eskalerande webbläsarkrig. I ett försök att överträffa det andra introducerade varje företag nya element i sin underliggande programvara och utformade nya sätt att hämta och bearbeta onlineinnehåll. Resultatet blev två konkurrerande webbläsare som växte mindre och mindre kompatibla. Detta hade potential att förvandla drömmen om ett obehindrat internet till en sammanvecklad mardröm, vilket effektivt nekar användarna tillgång till hela utbudet av onlineinnehåll samtidigt som kostnaderna för webbdesign och utveckling ökar.

Som svar på de pågående webbläsarkrigen och den potentiella sprickningen av internetprojektet bildade Berners-Lee World Wide Web Consortium (W3C). Dess uppgift var att skapa en uppsättning universellt accepterade protokoll och riktlinjer för internet. Dessa skulle bli regelboken som skulle vägleda arbetet för programmerare och mjukvaruutvecklare i framtiden och förhoppningsvis säkerställa fortsatt tillväxt och tillgänglighet på internet.

1998 bildade en oberoende grupp webbdesigners och utvecklare Web Standards Project (WaSP). Dess uppdrag var att förfina och marknadsföra W3C: s lista över bästa praxis och avsluta webbläsarkrig en gång för alla. WaSP var framgångsrik, och visionen om en fritt resad informationsväg realiserades till stor del. Idag fortsätter WaSP att arbeta för att hålla internet gratis, öppet och tillgängligt för alla.

Betydelsen av webbstandarder

Det skulle vara svårt att överskatta betydelsen av webbstandardprojektet och de riktlinjer som de främjar. För att internet ska förverkliga sin fulla potential måste det styras av några vanliga principer. Dessa ”webbstandarder” ger en uppsättning grundläggande och hoppas universella riktlinjer för vilka innehåll för internet skapas och sprids. Behovet av dessa webbstandarder är tydligt och de tar upp några viktiga aspekter av programmering och webbdesign.

  • Effektiv kod – webbstandarder ger effektiv kodning till webbdesign. Om all programmering var begränsad till HTML, skulle resultatet vara uppblåsta och orenliga filer som kräver längre nedladdningstider än nödvändigt. Detta påverkar inte bara användarens onlineupplevelse, utan det kan faktiskt öka kostnaden för att få åtkomst till onlineinnehåll för de användare som betalar för nedladdningar av megabyte.
  • Kodningskompatibilitet – oavsett om det är en webbsida, ett tillägg eller en programapplikation, passerar nästan varje bit av programmering genom många olika designers händer. Att ha en accepterad standard för kodning säkerställer att alla programmerare talar samma “språk” och att koden förblir strömlinjeformad och effektiv oavsett författare.
  • Förenklad underhåll – detta stöder ytterligare värdet av standardiserade kodningspraxis. Mager och effektiv kod är enklare och billigare att uppdatera och underhålla. Med stil- och layoutinformation specificerad på ett ställe (dvs CSS-element) behöver uppdateringar inte tillämpas på varje sida på en aktiv webbplats.
  • Enhetskompatibilitet – efterlevnaden av webbstandarder garanterar att onlineinnehåll snabbt och effektivt kan formateras om för olika webbläsare och enheter. Detta är särskilt viktigt nu när mobila enheter har blivit så populära bland onlineanvändare.
  • Sökmotorkompatibilitet – alla webbutvecklare vill att deras onlineinnehåll ska vara lätt att söka av Google och andra sökmotorer. För att alla sökmotorer ska rangordna och returnera relevant innehåll i en användarsökning måste det skanna innehållet med en webcrawler. Om den webbcrawleren inte kan tolka innehållet kommer rankningar naturligtvis att drabbas. Genom att följa de godkända standarderna som fastställts av W3C kan utvecklare lättare se till att innehållet de producerar snabbt och exakt kan skannas av sökmotorns bots.
  • Tillgänglighet – slutligen behandlar webbstandarder också frågan om tillgänglighet för synskadade. Användare med synskador använder ofta skärmläsare för att få tillgång till innehåll på webben. Dessa läsare läser bokstavligen högt. Att följa de accepterade webbstandarderna för semantisk struktur garanterar att det enkelt kan dechiffrera onlineinnehåll, hålla webben öppen och tillgänglig för synskadade. Detta är en av de få aspekterna av webbstandardprojektet som har kodifierats till lag.

W3C-standarderna

Medan WaSP behandlar en mängd olika problem, har de viktigaste riktlinjerna som ursprungligen presenterats av W3C blivit den universellt accepterade kärnan i regeln om webbstandarder. Dessa utgör grunden för den fortsatta tillväxten och tillgängligheten för internet beror på, och de kan delas upp i några få grundläggande ämnen.

  • Markeringsspråk är system för att lägga till information till ett dokument som är separat från själva texten. Riktlinjerna för webbstandarder styr användningen av HTML och dess efterföljande variationer (inklusive HTML5 och XHTML). Som markeringsspråk används HTML-varianterna för att ändra olika typer av innehåll i ett online-dokument. Elementen som utgör dessa språk anger hur varje bit av innehållet ska återges i en webbläsare (dvs. rubriker, stycken, punktlistor osv.). Medan de grundläggande markeringselementen definierar det faktiska innehållet, tjänar användningen av ytterligare attribut för att ge mer specifik information om det innehållet.
  • html (Hypertext Markup Language) är det äldsta webbkodningsspråket. Som sådan är det det vanligaste markeringsspråket som används av webbutvecklare och utgör fortfarande en betydande del av allt onlineinnehåll. Användningen av HTML styrs av en uppsättning syntaxregler som, även om de är ganska effektiva, också är ganska slappa. Element är inte skiftlägeskänsliga, stängningstaggar regleras inte strikt och genvägar kan användas för vissa attribut. Även om grundläggande HTML var standarden under många år, har den genomgått flera revideringar, inklusive HTML 2.0 och HTML 3.0. Den senaste iterationen är HTML5.
  • HTML5 är den senaste iterationen av det grundläggande HTML-markeringsspråket. Den introducerar några nya regler och funktioner, samtidigt som vissa element från tidigare versioner kasseras. HTML5 introducerade nya semantiska element och kontrollattribut samt flera applikationsprogrammeringsgränssnitt (API) som stöder drag-and-drop-funktioner, geolokalisering och lokal lagring som eliminerar användningen av kakor.
  • XHTML står för eXtensible HyperText Markup Language. Den kombinerar strukturella attribut för HTML med funktionerna i en XML-applikation. XHTML används vanligtvis när onlineinnehåll måste bearbetas för kompatibilitet med mobila enheter eller överliggande webbläsares design. Tillägget av XML-element gör det snabbare och enklare att bearbeta innehåll än standard HTML. XHTML ger också strängare semantiska regler för språket. Element och attribut i XHTML är skiftlägeskänsliga, alla element måste stängas och attributvärden måste bifogas av citat.
  • CSS (Cascading Style Sheets) tillhandahåller den mekanism genom vilken ändringar i utseendet eller positionen för onlineinnehåll kan tilldelas ett dokuments HTML- eller XHTML-element. Användningen av CSS definierar en webbplatss övergripande utseende och gör det möjligt att bygga om den snabbt och effektivt. Kort sagt, användningen av CSS gör det möjligt för webbutvecklare att mer konstfullt kontrollera formateringen och layouten för ett dokument. Detta gör att webbutvecklare enkelt kan ändra bakgrunder, ändra teckensnitt och textstorlekar och flytta innehåll på en webbsida. Även om mycket av detta är möjligt med grundläggande HTML, låter användningen av CSS programmerare och webbutvecklare producera innehåll som stöds av en mer strömlinjeformad och effektiv kod.
  • JavaScript är ett objektorienterat skriptspråk. Det används främst för att lägga till beteende på en webbsida. Det kan användas för att validera data på ett formulär, tillhandahålla drag-and-drop-funktioner, aktivera knappfunktioner och animera sidelement. JavaScript är ett viktigt verktyg för att göra webbsidor mer interaktiva, vilket gör att de kan reagera mer korrekt på användarhändelser som musklick, sidnavigering och inmatade sökningar.

Dessa är de grundläggande grunderna i programmering och webbdesign enligt W3C och Web Standards Project. Mer än bara en uppsättning “bästa praxis” garanterar att deras användning fortsätter att utvecklas och utvidgas av World Wide Web.

Online-handledning

Webbstandardprojektet och riktlinjerna som W3C har kodifierat ger ett rikt fält för studier. Det finns många självstudier som kommer att fungera som en introduktion till webbstandarder och deras betydelse för modern mjukvaruutveckling och webbdesign.

  • Varför vi behöver webbstandarder: denna korta video, utarbetad av Jeffrey Zeldman (en av grundarna till Web Standards Project) ger en kort introduktion till konceptet med webbstandarder och varför de är viktiga för ett växande och öppet internet. Även om Zeldman inte går in på detaljer om webbstandarder, bevisar den här videon en informativ utgångspunkt för dem som är intresserade av ämnet.
  • Webbstandarder och utveckling: utarbetad av University of Washington och fokuserar på den tekniska tillämpningen av webbstandarder för programmering och webbdesign. Handledningen undersöker korrekt användning av HTML, XHTML, XML och CSS, med övningar och exempel som illustrerar bästa praxis enligt Web Standard Project.
  • Tillgängliga HTML / XHTML-formulär: denna handledning kommer direkt från Web Standards Project. Den undersöker användningen av HTML och XHTML vid design och utveckling av webbinnehåll som är kompatibelt med skärmläsare och punktskriftdatorer. Eftersom webbtillgänglighet nu kodifieras till lag i många länder är detta en viktig läsning för alla webbutvecklare.
  • Vanliga idéer mellan HTML och XHTML: återigen kommer detta direkt från Web Standards Project. I handledningen diskuteras utvecklingen av HTML och skillnaderna mellan grundläggande HTML och XHTML.
  • Hur man uppnår webbstandarder och kvalitet på din webbplats: den här guiden har utarbetats av W3C, och den tar upp alla grundläggande problem med webbstandarder och hur de gäller utformningen av en kvalitetswebbplats. Artikeln täcker HTML, XHTML och CSS. Diskutera bästa praxis och verktyg som kan användas för att validera innehållet på en webbplats för att säkerställa att den uppfyller de accepterade standarderna i Web Standards Project.

Böcker

Även om onlinehandböcker kan ge en allmän introduktion till webbstandarder, kommer de som vill bli mer förtrogen med de accepterade protokollen för webbdesign och programvaruutveckling att vilja undersöka ämnet ytterligare. Följande böcker är ovärderliga resurser för både webbutvecklare och allmänheten.

  • Designing with Web Standards (2009) av Zeldman och Marcotte: Jeffrey Zeldman var en av grundarna av Web Standards Project, och här levererar han ett av de slutgiltiga arbetena med webbstandarder och deras tillämpning på webbdesign. Zeldman och Marcotte är skriven i en engagerande och lättförståelig stil och tittar på vikten av webbstandarder, tillämpningen av HTML5 och CSS3 i webbdesign och författningstekniker för standarder som uppfyller standarder som laddar snabbare och ger en mer fullständigt användarupplevelse.
  • CSS Mastery: Advanced Web Standards Solutions (2009) av Collinson et al: främst inriktad på mellanliggande och avancerade webbdesigners. Denna bok tittar på rollen som kaskaderande stilark i modern webbdesign och hur man tillämpar bästa praxis för att uppfylla webbstandardens efterlevnad. Boken innehåller många exempel på hur man använder CSS3 effektivt, tillsammans med guider för att identifiera och fixa många CSS-relaterade designproblem.
  • Webbtillgänglighet: Web Standards and Regulatory Compliance (2006) av Rutter et al: rekommenderas av Web Standards Project, den här boken undersöker de juridiska skyldigheterna för webbutvecklare att se till att deras innehåll är fullt tillgängligt för användare med synskador. Författarna tittar på både de moraliska och juridiska aspekterna av efterlevnad och ger kodande exempel för att illustrera bästa praxis.
  • Web Design in a Nutshell (2006) av Jennifer Niederst: denna skrivbordsreferens ger en praktisk guide för programmerare och mjukvaruutvecklare. Niederst diskuterar bästa praxis för webbdesign och hur de har förändrats från de tidigaste dagarna på internet. Ämnen sträcker sig från grundläggande HTML-struktur till att integrera CSS och JavaScript för förbättrad presentation och beteende.
  • JavaScript: Visual QuickStart Guide (2014) av Smith och Negrino: den här boken tittar på JavaScript-rollens roll i webbdesign för webbläsare som uppfyller standarder. Genom att använda skärmdumpar och detaljerade exempel ger författarna en enkel guide för nybörjare och mellanliggande skriptare för att integrera JavaScript i webbdesignprojekt som uppfyller standarderna i W3C.

Sammanfattning

Ett gratis och öppet internet skulle inte vara möjligt utan antagande av en väldefinierad uppsättning protokoll och riktlinjer för webbdesign och utveckling. Dessa universellt accepterade webbstandarder hjälper webbdesignare att skapa snabbt och effektivt användarvänligt webbinnehåll, mer än bara en uppsättning bästa metoder, samtidigt som de säkerställer att innehållet förblir lätt sökbart av sökmotorer och surfare. W3Cs webbstandarder är grunden för god webbdesign och kommer genom deras fortsatta förfining att säkerställa att internet förblir gratis, öppet och tillgängligt för alla.

Ytterligare läsning och resurser

Vi har fler guider, självstudier och infografik relaterade till kodning för webben:

  • En introduktion till JavaScript: lära dig allt om det här klientsidan som gör webbsidor mer interaktiva.
  • HTML för nybörjare – Ultimate Guide: Om du vill bli webbutvecklare är det här du börjar.
  • CSS – Intro, guider och resurser: lära allt om webbsidans layout.

Trender för webbdesign som du aldrig kommer att glömma

Bara för att vi har webbstandarder betyder det inte att webbplatser alltid ser ut är tilltalande. I våra infographic webbdesigntrender kommer du aldrig glömma att vi går igenom några gamla mönster som människor tyckte var bra.

Trender för webbdesign som du aldrig kommer att glömma
Trender för webbdesign som du aldrig kommer att glömma

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map