Semantik

Vad är semantik?

Semantik på webben har på senare år fått en allt större betydelse. Semantiskt korrekt HTML innebär att rätt data finns i rätt sorts element: Dvs för en lista ska man använda sig av t.ex <ul>, <ol>, <li>, för löpande text ska <p> användas, för rubriker så ska <h[1-6]> användas.

En semantiskt korrekt hemsida kan vara ett steg mot bättre sökmotoroptimering. Genom att strukturera all data på ett korrekt sätt blir det enklare för sökmotorer att indexera och förstå din sida och tolka den på rätt sätt. Semantiken kan även leda till stora fördelar ur en tillgänglighetssynpunkt. En skärmläsare kan därigenom presentera din sida på ett mer korrekt sätt för t.ex en synskadad.

Förbättra semantiken med de 5 glömda elementen

Matthew Magain på Sitepoint har i artikeln ”The Top Five Forgotten Elements” listat de fem mest bortglömda (x)html-elementen.
Elementen han tar upp är: dfn, cite, var, samp och kbd. Tyvärr måste jag säga att det enda jag har använt tidigare är cite… blir till att ta sig i kragen kanske.
För er som inte är riktigt säkra [...]

Skatteverket lanserar ny hemsida

Skatteverket har nylign lanserat en rejäl uppfräshning av sin webbsida, och jag måste säga att jag är imponerad, de har gjort riktigt bra ifrån sig både designmässigt och funktionsmässigt.
Den nya sidan följer W3C’s riktlinjer och validerar som XHTML 1.0 Transitional utan problem. Under ytan är sidan relativt semantiskt korrekt och visas på ett bra sätt [...]

Semantik på webben – En snabb genomgång

Ord som dyker upp rätt ofta i webbutvecklingssammanhang är Semantik och Struktur. Innan så predikade folk om att man skulle validera sina sidor i W3C’s valideringsverktyg, men nu måste man även göra allt ”semantiskt korrekt”.
”Så vad menas med Semantisk HTML?”, undrar då många. Jag hade tänkt gå igenom detta så snabbt och smidigt som [...]

Stapeldiagram med CSS

Marcus Andersson på bloggen Mediascreen publicerade i dagarna en artikel om hur man kan skapa snygga stapeldiagram med hjälp av css.
Marcus använder sig av så kallade definition lists för att strukturera upp datan och använder sedan CSS för att visa den i form av stapeldiagram. Tack vare att han använder sig av definition lists i stället för t.ex div’s så [...]

Copyright © Mathias Amnell
Webbdesign, Design, Webbutveckling, Foto och mycket mer

Byggt på Notes Blog Core
Powered by WordPress