En av de kodene du vil lære tidlig i webdesignutdanningen din, er et par merker som kalles "vektortiketter". La oss ta en titt på hva disse kodene er og hvordan de brukes i webdesign i dag.
Tilbake til XHTML
Hvis du lærte HTML-år siden, godt før stigningen av HTML5, brukte du sannsynligvis både de dristige og kursive kodene. Som du forventer, endret disse kodene elementene til henholdsvis fet skrift eller kursiv tekst. Problemet med disse kodene, og hvorfor de ble presset til side for nye elementer (som vi vil se på kort tid), er at de ikke er semantiske elementer. Dette er fordi de definerer hvordan teksten skal se ut i stedet for informasjon om teksten. Husk, HTML (som er hvor disse kodene skal skrives) handler om struktur, ikke visuell stil! Visualer håndteres av CSS og webdesign beste praksis har lenge holdt fast at du bør ha en klar adskillelse av stil og struktur i websidene dine. Dette betyr ikke å bruke elementer som er ikke-semantiske, og hvilken detalj ser fremfor struktur. Derfor er de dristige og kursive kodene generelt erstattet av sterk (for fet) og vekt (for kursiv).
og
De sterke og viktige elementene legger til informasjon i teksten din, og beskriver innhold som skal behandles annerledes og legges vekt på når innholdet blir snakket. Du bruker disse elementene ganske mye på samme måte som du ville ha brukt fet og kursiv i det siste. Omgir bare teksten med åpnings- og lukkekodene ( og for vekt og og for sterk vekt) og den vedlagte teksten vil bli lagt vekt på.
Du kan nese disse kodene, og det spiller ingen rolle hvilken ekstern tag du har. Her er noen eksempler.
Denne teksten er understreket og de fleste nettlesere ville vise det som kursiv.
Denne teksten er sterkt understreket og de fleste nettlesere ville vise den som fet skrift.
I begge disse eksemplene dikterer vi ikke visuelt utseende med HTML. Ja, standard utseende på tag ville være kursiv og ville være modig, men disse utseendet kunne enkelt endres i CSS. Dette er det beste fra begge verdener. Du kan utnytte standard nettleser stiler for å få kursiv eller fet tekst i dokumentet uten å krysse linjen og blande struktur og stil. Si at du ville ha det Tekst for ikke bare å være fet, men for å være rød, kan du legge til dette i CSS sterk { fargen rød;} I dette eksemplet trenger du ikke å legge til en egenskap for fet skriftstørrelse siden det er standard. Hvis du ikke vil forlate det til en tilfeldighet, kan du imidlertid alltid legge den inn i: sterk { font-weight: bold; fargen rød;} Nå ville du være alt, men garantert, å ha en side med fet (og rød) tekst, uansett hvor tag er brukt. En ting jeg har lagt merke til i løpet av året, er hva som skjer hvis du prøver å doble opp på vekt. For eksempel: Du tror at denne linjen ville produsere et område som har tekst som er fet og kursiv. Noen ganger skjer dette, men jeg har sett noen nettlesere bare ære den andre av de to vektstiler, den som er nærmest den aktuelle teksten, og bare vise dette som kursiv. Dette er en av grunnene til at jeg ikke dobler på vektord. En annen grunn til å unngå denne "dobling" er for stilistiske formål. En form for vekt hvis det vanligvis er nok å formidle tonen du ønsker å sette. Du trenger ikke å modig, kursivisere, farge, forstørre og understreke tekst for at den skal skille seg ut. Den teksten, vil alle de forskjellige typer vektlegging, bli rød. Så vær forsiktig når du bruker vektordags eller CSS-stiler for å legge vekt på og ikke overdrive det. En siste tanke - mens den dristige () og kursiv () Tagger anbefales ikke lenger til å bli brukt som vektorgradselementer, det er noen webdesignere som bruker disse kodene for å style inline områder av tekst. I utgangspunktet bruker de det som a element. Dette er fint fordi kodene er svært korte, men det anbefales ikke generelt å bruke disse elementene på denne måten. Jeg nevner i tilfelle du ser det der ute på enkelte nettsteder som brukes til ikke å lage fet eller kursiv tekst, men å lage en CSS-krok for en annen form for visuell styling. Opprinnelig artikkel av Jennifer Krynin. Redigert av Jeremy Girard på 12/2/16. Dobbel opp på vekten
Denne teksten skal ha begge fet og kursiv tekst inni den.
En kommentar på fet og kursiv
