En fråga som många nya webbdesigners har, är huruvida HTML 5-taggar är skiftlägeskänsliga eller ej? Det korta svaret är - "Nej". HTML5-taggar är inte skiftlägeskänsliga, men det betyder inte att du inte bör vara strikt i hur du skriver din HTML-markup!
Tillbaka till XHTML
Innan HTML5 kom in i branschen, skulle webprofessorer använda en smak av markup-språk som heter XHTML för att bygga sina webbsidor.
När du skriver XHTML måste du skriva alla standardkoder i små bokstäver eftersom XHTML är skiftlägeskänslig. Det betyder att taggen är en annan tag än i XHTML. Du måste vara väldigt specifik i hur du kodade en XHTML-webbsida och använd endast små bokstäver. Denna strikta vidhäftning var faktiskt en fördel för många nya webbutvecklare. I stället för att kunna skriva upp markering med en blandning av små och stora bokstäver visste de att det fanns ett strikt format som måste följas. För alla som skar sina tänder i webbdesign när XHTML var populär, verkar själva tanken att markup kan vara en blandning av stora och små bokstäver alien och helt enkelt fel.
HTML5 blir lös
Versionerna av HTML före XHTML var inte skiftlägeskänsliga. HTML5 följde i den traditionen och gick bort från de stränga formateringskraven för XHTML.
Så HTML 5, till skillnad från XHTML, är inte skiftlägeskänslig. Detta innebär att
och
och
är samma sak i HTML 5. Om det här ser ut som kaos, känner jag mig smärtan.
Tanken bakom HTML5 var inte skiftlägeskänslig för att göra det lättare för nya webbprofessorer att lära sig språket, men som någon som undervisar webbdesign till nya studenter, kan jag absolut bekräfta att detta inte alls är fallet.
Att kunna ge eleverna nya till webbdesign en definitiv uppsättning regler, till exempel "skriv alltid din HTML som små bokstäver", hjälper dem som de försöker lära sig allt som de behöver för att lära sig att vara webbdesigner. Att ge dem regler som är för flexibla förvirrar faktiskt många elever istället för att underlätta för dem.
Jag älskar det faktum att författarna till HTML5-provet försökte hjälpa till att göra det enklare att lära sig genom att göra det mer flexibelt, men i det här fallet tror jag att de gjorde ett felsteg.
Konventionen i HTML 5 är att använda små bokstäver
Även om det är giltigt att skriva taggar med något fall du föredrar när du skriver HTML 5, är konventionen att använda alla små bokstäver för taggar och attribut. Det beror delvis på att många mer erfarna webbutvecklare som levde genom strikt XHTML-dagar har överfört de bästa metoderna till HTML5 (och bortom). De webbutbildare bryr sig inte om att en blandning av versaler och små bokstäver är giltiga i HTML5 idag, de kommer att hålla fast vid vad de vet, vilket är alla små bokstäver.
Så mycket kunskap om webbdesign är att lära av andra, särskilt från dem som är mer erfarna inom branschen. Det innebär att nya webbutvecklare kommer att granska koden för erfarna proffs och se alla små bokstäver. Om de efterliknar den här koden betyder det att de också kommer att skriva HTML5 i små bokstäver. Det här är vad som verkar hända idag.
Bästa praxis för Lettercasing
Enligt min erfarenhet är det bäst att alltid använda små bokstäver för HTML-kod och för filnamn. Eftersom vissa servrar är skiftlägeskänsliga när det gäller filnamn (till exempel kommer "logo.jpg" att ses annorlunda än "logo.JPG"), om du har ett arbetsflöde där du alltid använder små bokstäver behöver du aldrig fråga där höljet kan vara frågan om du upplever problem som saknade bilder. Om du alltid använder små bokstäver, kan du rabatt det som ett problem när du debugger webbplatsproblem. Det här är arbetsflödet som jag undervisar för mina elever och som jag använder i mitt eget webbdesignarbete.
Originalartikel av Jennifer Krynin. Redigerad av Jeremy Girard.
