8 HTML-koder du må bruke (og 5 for å unngå)

HTML-koder
(Bildekreditt: Getty Images)

Da HTML5-spesifikasjonen ble introdusert, førte den med seg en rekke nye semantiske koder, som ga mer mening til HTML-koder. Gode ​​nyheter for webdesignere, som ikke lenger måtte produsere fargeprøver med koder for å bygge sin nettsidestruktur.

Mens den grunnleggende semantiske HTML-koder som , og er selvforklarende, det er en mengde nyere HTML-koder som webdesignere også må bruke. I dette innlegget avrunder vi åtte viktige HTML-koder du trenger å bruke, og forklarer hvordan du gjør det. For balanse har vi også plukket ut fem koder som må forvises til netthistorikken.

For mer råd om webdesign, se vår verktøy for nettdesign roundup, liste over toppen nettstedbyggere eller vår guide videre hvordan lage en app .



tilbud på svart fredag ​​harddisk 2019

01.

De tag ligner på , den element gir fleksibilitet ved å tillate flere elementer for samme ressurs, som kan tilpasses basert på et mediespørsmål eller bildestøtte. For eksempel kan den levere WebP-bilder til nettlesere som støtter den nyere, mindre filstørrelsen.

02.

De tag gir et autofullfør grensesnitt for elementer. Hver liste inneholder et sett med elementer som har en tilhørende verdi. Når det er knyttet til en ved hjelp av 'list' -attributtet, kan den gi en rullegardinliste eller til og med vise forslag når brukeren skriver.

03.

Denne beskrivelseslisten, eller

tag, element fungerer som en beholder for grupper med definerte termer. Inne, hver periode (
) og definisjon (
) er gruppert sammen for å danne en ordlisterlignende struktur. Selv om den bruker grunnleggende formatering som standard, er semantisk HTML til fordel for skjermlesere og andre automatiserte verktøy som crawlere.

04.

Trekkspill er et vanlig designmønster når mange data må vises samtidig, for eksempel en spørsmålsside. Ved å bruke element ved siden av , kan vi oppnå den samme effekten uten JavaScript. Ved å klikke på sammendraget vil resten av innholdet skifte.

05.

Komplekse termer eller forkortelser trenger ofte å defineres for de som ikke er kjent. Et begrep innpakket i en tag vil bli definert av teksten som omgir den. Dette er et innebygd element og er designet for å brukes til å markere definisjoner på menneskelig språk.

06.

En figur er definert som en innholdsenhet som ofte vises i hovedflyten til et dokument, men som også kan tolkes separat. De element bryter inn et bilde eller annet referanseinnhold og kan også inneholde en beskrivelse av innholdet med

.

hvordan du gjengir en video i hitfilm express

07.

Med teknisk skriving kan det være nyttig å skille datakode visuelt fra resten av setningen. Ved å pakke hver forekomst i en , kan nettleseren bruke standardformatering for å vise den mer passende. Kombiner med

 for større kodeblokker.

08.

Vi kan skrive tidsverdier forskjellig avhengig av kontekst eller språk. Ved å merke disse verdiene med tag, søkemotorer og andre automatiserte verktøy kan raskt trekke ut denne informasjonen. Bruk attributtet 'datetime' til å levere en bestemt tid i et mer maskinvennlig format.

5 HTML-koder å unngå

HTML-spesifikasjonen har mange eldre koder som fortsatt kan brukes, og som fremdeles vil fungere, men det enkle faktum er at det vanligvis er et bedre alternativ der ute. Og hvis det er et bedre alternativ, så må du virkelig bruke det.

Det er også problemet med nettleserstøtte. Noen koder støttes ikke lenger i alle nettlesere, men disse kan gå ubemerket hen når man ser på utformingen av en side. Igjen må disse byttes ut.

Nedenfor finner du fem koder som absolutt ikke burde sitte inne i HTML-en på noen side. Hvis du ser noen av disse i koden din, må du sørge for at de blir erstattet med en mer passende tag eller fjernet helt.

hvordan du klipper noen ut av et bilde i Photoshop

01.

Historisk sett har taggen ble brukt til å style en tekstblokk, er det nå best å målrette og style tekst med CSS. I følge Avansert nettrangering , nesten 6,5 millioner nettsteder bruker fortsatt taggen til tross for at den er utfaset i mange år.

02.

Når det kombineres med , den tag vil tilby alternativer og handlinger for å utføre i kontekstmenyer. Dette er nå fjernet fra spesifikasjonen, da det ikke fikk mye nettleserstøtte.

hvilken størrelse er iphone 8 pluss

03.

De tag ville ha økt størrelsen på teksten inne i taggen med ett nivå. Dens følgesvenn er fremdeles gyldig HTML, men har nå en mer definert semantisk betydning som refererer til liten skrift.

04.

Tidligere tag var den eneste måten å sentralisere både blokkert og innebygd innhold, men det er nå erstattet med “ tekstjustering: sentrum ”I CSS, som utfører den samme jobben.

05.

De tag tillot teksten inne i taggen å bevege seg over skjermen som en nyhets ticker. Mens det tidligere var et populært trekk på nettet, har det blitt klassifisert som foreldet til fordel for CSS-baserte animasjoner .

For å få nettstedet til å fungere slik du vil ha det, må du sørge for at du har riktig webhotelltjeneste for deg. Har du en haug med eiendeler å stash bort? Du trenger pålitelig skylagring .