Blogg

HTML är webbutvecklarens viktigaste kunskap

  • 26 maj 2017
  • 0

Alla som på något sätt jobbar med att utveckla för webben behöver kunna HTML. Och med ”kunna” menar jag mer än att bara känna till det allra mest grundläggande. Man behöver inte kunna varenda detalj om varenda element och attribut, men det räcker inte att kunna skapa div- och span-element med class-attribut.

Artikelverktyg:

”HTML, nä vad tråkigt, sånt höll man ju på med på 90-talet.”

Det stämmer, och det fortsätter faktiskt att gälla även på 2010-talet och kommer att göra det i många år framöver. Även om mycket HTML döljs bakom ramverk, bibliotek och verktyg som skapar den automatiskt är det ändå i slutändan HTML som utgör grunden för det användaren möter i sin webbläsare. (Ja, det finns vissa specialfall där HTML har en mer marginell funktion, säg ett spel som helt och hållet byggs upp i ett canvas-element som uppdateras med JavaScript. Men det är som sagt i specialfall och gäller inte för den överväldigande majoriteten av det vi använder webben till.)

Man kan tycka att det är självklart att om man jobbar med gränssnittsutveckling så kan man HTML utan och innan. Och jag har en känsla av att ganska många tror att de kan mer om HTML än vad de faktiskt gör. Den känslan baseras på att jag jobbar en del med kvalitetsgranskning av webbplatser och då utvärderar saker som tillgänglighet, användbarhet och allmän kodhygien. Mycket av den HTML jag får se när jag jobbar med dessa uppdrag är… skrämmande.

Det finns förstås alltid en förklaring (eller flera) till att det ser ut som det gör. Tidsbrist, dålig kompetensmatchning av projektledare, scope creep, fel person på fel plats och så vidare. Men jag tror att det också finns en brist på förståelse och respekt för hur viktigt det är att den HTML man skapar är rätt HTML.

Det är till övervägande del kvaliteten på HTML-koden vi skapar som avgör hur tillgängligt och sökmotorvänligt resultatet blir.

Backendutvecklare kan ha godtagbara ursäkter

Om du jobbar som backendutvecklare i första hand kanske du tycker att du vill slippa belasta din hjärna med HTML-kunskaper. Det ligger lite i det och kanske kan du låta bli att bekymra dig om HTML, under förutsättning att du jobbar i team med gränssnittsutvecklare som ansvarar för all HTML-kod ner till minsta tagg och attribut. Men skapar du någon HTML på egen hand behöver du ha förståelse – och respekt – för HTML. Återigen – du behöver inte ha hela HTML-specifikationen i huvudet. Det räcker att kunna tillräckligt för att inse när man behöver ta reda på mer eller be om hjälp.

Ett annat bekymmer är verktyg som skapar HTML via svarta lådor som man inte har kontroll över. Tyvärr är det otroligt sällsynt att sådana verktyg skapar korrekt HTML. Alldeles för ofta blir det som kommer ut en taggsoppa av osemantisk och felaktig HTML. Här gäller det verkligen att titta noga på resultatet och vara kritisk. Att ett verktyg kommer från en känd aktör är ingen som helst garanti för att det genererar kod av tillräcklig kvalitet.

Frontendutvecklare har inga ursäkter

Jobbar man i huvudsak med frontend-utveckling finns faktiskt inga godtagbara ursäkter. Man ska kunna HTML, punkt slut. Återigen, man måste inte kunna hela HTML-specifikationen utantill, men man måste kunna tillräckligt mycket för att känna när man behöver ge sig in i den för att kolla upp detaljer.

Så faktiskt, trots att det kan kännas som riktigt tråkig läsning, skulle jag rekommendera alla att om inte sträckläsa – det är lite mycket begärt – i alla fall ögna igenom HTML 5.1. Vill man vara i absolut framkant kan man också ta en titt på den kommande och i skrivande stund inte färdiga HTML 5.2-specifikationen.

Även frontendutvecklare behöver se upp med kod från svarta lådor. Många använder JavaScript som någon annan har skrivit för att det är bekvämt och man slipper att uppfinna hjulet igen. Men det innebär också att man förlitar sig på att den HTML-kod som scripten eventuellt skapar är bra. Att HTML skapas av JavaScript innebär inte att man strunta i hur den är uppbyggd – samma regler gäller som för den HTML man ser om man väljer ”Visa källa” i webbläsaren.

HTML behöver mer kärlek

HTML utvecklas i en långsammare takt än CSS och JavaScript och är därmed lättare att hålla sig uppdaterad på. Men eftersom det uppfattas av många som tråkigt och ”bara för gammaldags sajter som bara innehåller text” blir det gärna bortprioriterat. Det är väldigt synd och enligt mig en stor anledning till att så många webbplatser och webbapplikationer lider av helt onödiga tillgänglighetsbrister. HTML är inte riktigt så enkelt som många gärna vill tro.

Kul grej!

Det finns en del tester som kan ge dig en indikation på hur mycket du egentligen kan om HTML. En del är mer seriösa än andra, men här är några du kan prova:

Prova! Och skäms inte om du inte får alla rätt. Jag fick det inte.

0 kommentarer

Skriv kommentar