Grunnleggende om semantikk
Semantikk er et ord som slår frykt inn i manges designers hjerte, men det trenger ikke være et vanskelig eller komplisert tema. Det gjelder meningsfylt uttrykk, unngår presentasjonsmarkering og bruk av passende og meningsfulle tagger der det er mulig.
I hovedsak er det å designe og skrive HTML-kode på en semantisk måte som å holde HTML-en opptatt av innholdet på siden og ikke oppsettet. Noen av de enkle trinnene nedenfor vil hjelpe deg med å sikre at du holder deg semantisk behagelig for søkemotorer, edderkopper og besøkende
Utforsk Envato Elements
Tittelkode
Forsikre deg om at tittelkoden til siden din er beskrivende og meningsfull. Forsikre deg om at det endres for hver side på nettstedet ditt for å gjenspeile innholdet på den siden.
overskrifter
Det er mulig å definere sidens overskrifter med div og span-koder, men det betyr ikke at det er en overskrift. Det er mye bedre å bruke h1 til h6-tagger for å skille og style overskriftene på siden din.
Tabeller og skjemaer
Som standard er tabeller og skjemaer ikke veldig semantiske og kan være veldig generelle. De mangler også tilgjengelighet for de som bruker nettlesere som ikke er standard. For tabeller, må du forsikre deg om at du bruker tråd-taggen til å forklare kolonnene i tabellen. For skjemaer, følg med å bruke etikettmerket for å beskrive hva hver inngang, avkrysningsrute osv. Er der for.
Bilder
Det virker som om det blir sagt om og om igjen, men bruker attributter for alle bildene dine for å sikre at de blir beskrevet på sideinnholdet - både til fordel for søkemotorer og deaktiverte brukere.
Virker rett frem ... men hvorfor?
Ved å bruke semantisk kode vil ikke nettstedet ditt se noe annerledes ut, og det vil ikke direkte komme leserne dine til gode på noen måte. En direkte effekt du kan se er at søkemotorer spider nettstedet ditt på en mer korrekt og effektiv måte.
Også semantisk koding baner vei for fremtiden. Nye enheter, programvare og applikasjoner vil finne sted i løpet av de neste 5, 10, 100 årene som fortsatt bruker innholdet på nettet for å drive dem. Semantikk setter standarden hvilke fremtidige systemer vil feste seg til og tolke, så fremtidig bevis deg selv!
