Jag kommer att huvudsakligen fokusera på XHTML och kommer därmed att benämna detta som HTML. Lärandet av XHTML förutsätter grundkunskaper i hur ett XML dokument är konstruerat, vad som krävs för att detta ska vara s.k. välformat.
Ett dokuments byggstenar
Tag
En tag i HTML utgör start och slut för ett element i HTML, på samma sätt som i XML. Exempel på en tag är t.ex. <p> och <em>.
Attribut
Ett attribut existerar bara inom en tag och används för att beskriva egenskaper hos taggen. Exempel på attribut är class, t.ex. i sammanhanget
<div class="primaryContent">
Flera värden kan sättas för samma attribut genom att göra detta med ett mellanrum, t.ex.
<div class="primaryContent title">
Element
Ett element består av en start-tag innehållande ett valfritt antal attribut (inkl 0), innehåll samt en slut-tag. Exempel på ett element är:
<p class="main">Text finns här</p>
Alla element måste ha en slut-tag, alternativt vara s.k. tomma element. Element som är av den sistnämnda typen kan inte innehålla något innehåll, och kan därmed stängas direkt. Exempel på dessa är <img /> och <br />, som alla stängs direkt med />. Observera mellanrummet innan />.
Anmärkningsvärda taggar och attribut
I den myriad av taggar och attribut som finns i HTML är det några som har speciell betydelse och förtjänar extra uppmärksamhet. Dessa är bl.a. taggarna div och span, samt attributen class och id.
Tag: <div>
Betyder egentligen division och är korrekt använd ett stort hjälpmedel för att märka upp innehåll och dela upp en sida i dess logiska element. <div> är ett s.k. block-element vilket innebär att renderingen av detta alltid påbörjas på en ny rad, samt tvingar efterföljande element att börja renderas på en ny rad.
Tag: <span>
<span> används för att märka ut innehåll inom ett block-element. <span> är ett inline element vilket innebär att det renderas ut där elementet finns.
Attribut: class och id
Attributen class och id används för att märka upp och sedan kunna identifiera olika delar av en sida för att t.ex. utföra styling med CSS eller scripting med Javascript. Den huvudsakliga skillnaden mellan class och id är att id enbart kan existera en gång per sida, detta medan class kan existera hur många gånger som helst. En viktig detalj kring användandet och class och id är att dessa inte bör beskriva HUR något ska se ut, utan snarare VAD det är. Det här är den största omställningen för mig och något som jag kommer att gå djupare in på längre fram.
Exempelvis kan nämnas att det är fördelaktigt att benämna det som just nu råkar vara den högra kolumnen med class=”secondaryContent” istället för det som jag tidigare instinktivt benämnt med class=”right”. Alltså:
<div class="right"> <!-- Ej att föredra --> <div class="secondaryContent"> <!-- Att föredra -->
När jag för inte mindre än femte gången nu bestämmer mig för att börja skriva på nätet igen, så är tanken att det ska vara mer prestigelöst och mer lustfyllt än vad det tidigare har varit. Mina tidigare erfarenheter från det här skrivande på nätet har varit allt annat än lustfyllt. Den här fasaden som jag själv satt upp, om att livet är perfekt och att jag inte har någonting att lära mig från mina medmänniskor.
Det kan vara åren, eller så är det helt enkelt bara en rejäl släng av insikt som har fått mig att inse att jag mår bättre än nånsin om jag släpper allt vad stolthet heter och istället erkänna vad jag har för brister – må det så vara privat, professionellt eller helt enkelt bara brister i allmänhet.
Egentligen handlar det inte om brister som så, utan mer oförmågan att be om hjälp och erkänna att jag inte har svaren på alla frågor. Det är befriande att be om hjälp!
Det här är inget som har kommit över en natt utan snarare någonting som jag länge har grubblat på och diskuterat väldigt mycket med mina kära vänner. Utöver det här så har jag även ramlat över ett antal bra böcker efter tips av bl.a. Anders, exempel på dessa är:
- Rework – Jason Fried & David Heinemeier Hansson
- Pragmatic Thinking and Learning: Refactor Your Wetware – Andy Hunt
Jag har börjat märka ett antal skillnader hos mig själv sedan jag började släppa på tyglarna och vågat se mig själv på ett blygsamt sätt. Inte se mig själv som den fullärda yngligen – just utflugen från universitetet och med en karriär som IT-konsult, som ingen riktigt förstod potentialen hos. Utan snarare som den oslipade sten som förvisso plockat upp en del bra kunskap under barndoms- och skolåren, men som i det stora hela inte vet ett skit.
Det var inte meningen att det här skulle vara ett hårt inlägg utan snarare en kort bakgrund till min historia kring det här med skrivande på nätet, men även till den skillnad som jag håller på att genomföra med mig själv – som även leder in på det tänkta temat på bloggen i fråga. (Jag ogillar begreppet “blogg”, men tills vidare får jag nöja mig med det).
Temat för mitt skrivande här kommer att vara lärande (och görande) om olika, framförallt tekniska, områden som jag fram till denna stund ej har så pass bra kunskap om som jag skulle vilja. Det återstår att se exakt vad omfånget av det här blir, men jag kommer initialt att börja med lärande av HTML och CSS.