Det finnes tusenvis av blogger og opplæring nettsteder er tilgjengelige på internett, men ikke all informasjon som er nyttig og av god kvalitet. I denne artikkelen viser vi deg 5 måter å holde koden din nettleser, bruker og søkemotor vennlige. Hold følge denne noen skritt, og jeg definitivt sikker som hjelper deg til din neste nettside prosjektet. Nyt det!

1. Skriv clean code

Skrive ren kode vil være lett å vedlikeholde og mindre smerte for deg og andre.

Bad Kode

  > <div id = "Wrapper">
 > <div id = "MainContainer">
 > </div> <div id = "Header"> </ div>
 > </div> <div id = "Content"> </ div>
 </ div>
 </ div> 

God kode

  <! - / Wrapper \ ->
 > <div id = "Wrapper">

 <! - Main CONTAINER \ ->
 > <div id = "MainContainer">

 <! - / HEADER \ ->
 > </div> <div id = "Header"> </ div>
 <! - \ HEADER CLOSE / ->

 <! - / CONTENT \ ->
 > </div> <div id = "Content"> </ div>
 <! - \ CONTENT CLOSE / ->
 
 </ div>
 <! - \ MAIN CONTAINER CLOSE / ->

 </ div>
 <! - \ Wrapper CLOSE / -> 

2. Bruk riktig DOCTYPE

Hvis du ikke bruker DOCTYPE (Document Type Declaration) tag, Web-sider vises ikke i standard compliant måter og kan resultere i noen rare websider.

3. Bruk Heading Koder og Usortert lister

Bruk Heading Koder og Usortert lister heller deretter mellomrom grafikk og nestede tabeller ..

Bad Kode

God kode

 Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> </ul> </div> <div> <h2> Heading </ h2> <ul> <li> innhold xyz </ li> <li> innhold xyz </ li> <li> innhold xyz </ li> <li> innhold xyz </ li> </ ul> </ div> 

4. Bruk semantisk meningsfulle klasse & ID navn

Når det er mulig å bruke klassen og ID-navn som er semantisk meningsfulle og søke-vennlig. For eksempel:

Bad Kode

  > <ul class = "blue">
 <li> Feil 1 </ li>
 <li> Feil 2 </ li>
 </ ul> 

God kode

  > <ul class = "Error">
 <li> Feil 1 </ li>
 <li> Feil 2 </ li>
 </ ul> 

5. Unngå IE's double float-margin, Bruk display: inline for fløt elementer

Unngå IE's double float-margin og tekst innrykk feil ved hjelp av display: inline for fløt elementer.

Bad Kode

  float : left ; width : 300px ; padding : 4px 7px ; margin-left : 20px ; } # content (float: left; width: 300px; padding: 4px 7px; margin-left: 20px;) 

God kode

  # innhold (
 ; float: left;
 ; width: 300px;
 ; padding: 4px 7px;
 ; margin-left: 20px;
 ; display: inline;
 ) 

Konklusjon

Dette er noen av tipsene som hjelper meg til å skrive bedre kode. Jeg håper at veiledningen vil også hjelpe deg å skrive bedre og ren kode. Bruk disse tipsene til din nåværende og neste prosjekter, og du vil sikkert sette pris på innsatsen.

Hvis du tror at opplæringen kan bli mer bedre, kan du dele med oss. Kommentar oss

Hvis du ønsker å motta flere tips fra oss, kan du vurdere å abonnere på vårt feed via RSS eller via e-post.