Vise ny HTML5-kode i mange nettlesere - dummies

Når du fokuserer et design på iPhone, iPod touch eller iPad, har du fordelen av å vite at de besøkende skal bruke Safari nettleseren. Den er basert på WebKit-layoutmotor, som kan gjengi CSS 3 så vel som hvilken som helst skrivebordsbrowser.

WebKit brukes også i Google Chrome. Dermed ser de fleste nettstedene som ser bra ut i Safari på skrivebordet også godt ut i Chrome. (Som med de fleste elementene i webdesign, kan du kanskje se unntak.)

Apple opprettet operativsystemet, iOS, som kjører på iPhone, iPad og iPod touch og i en spesiell versjon på Apple TV 2. Safari, standard iOS-nettleseren, støtter nesten hele CSS-spesifikasjonen som beskrevet av World Wide Web Consortium (W3C), den åpne internasjonale organisasjonen som utvikler webstandarder.

Leder av oppfinneren av nettet, Tim Berners-Lee, bringer sammen nettlesere, ledere og brukere å lage spesifikasjonene for protokollene som definerer World Wide Web.

I likhet med HTML5 er CSS 3 fortsatt under utvikling. Spesifikasjonen vil ikke nå sin endelige foreslåtte anbefalingstrinn frem til 2022, ifølge W3Cs tidslinje. Selv om spesifikasjonen kanskje ikke er endelig i mange år, implementerer nettleserutviklere vanligvis deler av arbeidskonfigurasjonene av nye versjoner av HTML og CSS når de oppdaterer nettleserne.

Utviklere som implementerer deler av et arbeiderutkast, refererer til det som eksperimentelt CSS og legger vanligvis inn nettleserens navn i regelen. Det er derfor du ser flere versjoner av de samme stilreglene, som du kan se i eksemplet vi viser deg i neste avsnitt for å lage avrundede hjørner.

Mange designere er vekk fra å bruke eksperimentell CSS, og foretrekker å vente til standardene er godkjent, eller i det minste til de fleste nettlesere støtter dem konsekvent. Implementering av eksperimentell CSS er lettere når hver nettleser spiller av de samme reglene, og det kan føre til problemer hvis spesifikasjonen endres igjen senere.

Men CSS 3 tilbyr så mange spennende nye funksjoner og så få negative bivirkninger - hvis du planlegger sidene dine nøye - at du har liten grunn til å holde igjen. CSS bryter naturlig ned i nettleserne. (Hvis nettleseren ikke støtter en CSS-stil, ignoreres den.)

Anta at ikke alle besøkende på nettstedene dine kanskje bruker Safari. Hvis du vil opprette CSS 3-stiler som fungerer i Firefox eller Internet Explorer eller en annen nettleser, må du kanskje legge til spesiell kode for de nettleserne.