Share
Det vanskeligste aspektet ved å kjøre Nettuts + regner med så mange forskjellige ferdighetsnivåer. Hvis vi legger for mange avanserte opplæringsprogrammer, vil vår nybegynner ikke være til nytte. Det samme gjelder for motsatt. Vi gjør vårt beste, men vær alltid glade for å rør inn hvis du føler at du blir forsømt. Dette nettstedet er for deg, så snakk opp! Med det sagt, er dagens veiledning spesielt for de som bare dykker inn i webutvikling. Hvis du har ett års erfaring eller mindre, vil forhåpentligvis noen av de tipsene som er oppført her, hjelpe deg til å bli bedre, raskere!
Du kan også sjekke ut noen av HTML-byggerne på Envato Market, som den populære VSBuilder, som lar deg generere HTML og CSS for å bygge nettsteder automatisk ved å velge alternativer fra et enkelt grensesnitt.
Eller du kan få nettstedet ditt bygget fra grunnen av en profesjonell utvikler på Envato Studio som vet og følger alle de beste HTML-metodene.
Vi har bygget en komplett guide for å hjelpe deg med å lære CSS, enten du er bare i gang med det grunnleggende eller du vil utforske mer avansert CSS.
Uten ytterligere ado, la oss se på 30 beste metoder for å observere når du oppretter oppslaget ditt.
Tilbake på dagen var det ikke uvanlig å se ting som dette:
Legg merke til hvordan pakken UL / OL-tagget ble utelatt. I tillegg valgte mange å forlate de avsluttende LI-kodene også. Ved dagens standarder er dette bare en dårlig praksis og bør unngås 100%. Alltid, lukk alltid kodene dine. Ellers vil du møte validering og feilproblemer ved hver tur.
Da jeg var yngre deltok jeg ganske mye i CSS-fora. Når en bruker hadde et problem, før vi ville se på situasjonen, måtte de utføre to ting først:
"DOCTYPE går før åpningshtml-taggen øverst på siden og forteller nettleseren om siden inneholder HTML, XHTML eller en blanding av begge, slik at den kan tolke oppmerkningen riktig."
De fleste av oss velger mellom fire ulike doktypene når du oppretter nye nettsteder.
Det er en stor debatt som for øyeblikket foregår om det riktige valget her. På et tidspunkt ble det ansett som best praksis å bruke XHTML Strict-versjonen. Men etter noen undersøkelser ble det innså at de fleste nettlesere går tilbake til vanlig HTML når de tolkes. Derfor har mange valgt å bruke HTML 4.01 Strict i stedet. Bunnlinjen er at noen av disse vil holde deg i sjakk. Gjør litt forskning og sett opp ditt eget sinn.
Når du er hard på jobb med oppslaget ditt, kan det noen ganger være fristende å ta den enkle ruten og snike seg litt i styling.
Jeg skal gjøre denne teksten rød slik at den virkelig skiller seg ut og får folk til å legge merke til!
Sikker - det ser ufarlig ut. Dette peker imidlertid på en feil i kodingspraksis.
Det er som å krysse bekker i Ghostbusters. Det er bare ikke en god ide.
-Chris Coyier (i referanse til noe helt urelatert.)
I stedet ferdig med markeringen, og referer deretter til P-taggen fra det eksterne stilarket.
#someElement> p color: rød;
Teknisk sett kan du plassere stilark hvor som helst du vil. Imidlertid anbefaler HTML-spesifikasjonen at de plasseres i HEAD-koden for dokumentet. Den primære fordelen er at sidene dine tilsynelatende lastes raskere.
Mens vi undersøkte ytelsen på Yahoo!, Oppdaget vi at flytte stilark til dokumentet HEAD gjør at sidene ser ut til å lastes raskere. Dette skyldes at å sette stilark i HEAD gjør at siden kan gjengis progressivt.
- ySlow Team
Mine Favoritter Type Corn
Husk - det primære målet er å la siden lastes så raskt som mulig for brukeren. Når du laster inn et skript, kan nettleseren ikke fortsette til hele filen er lastet inn. Dermed må brukeren vente lenger før man merker noen fremgang.
Hvis du har JS-filer, hvis eneste formål er å legge til funksjonalitet - for eksempel, etter at en knapp er klikket - gå videre og plasser disse filene nederst, like før den avsluttende kroppsmerket. Dette er absolutt en god praksis.
Og nå vet du min favoritt slags korn.
Accentsconagua