Ir tūkstošiem blogu un konsultācijas interneta lapas ir pieejamas internetā, bet ne visu informāciju, ir lietderīgi vai labas kvalitātes. Šajā pantā mēs jums parādīsim 5 veidi, kā saglabāt savu kodu pārlūkprogrammu, lietotāja un meklētājprogramma draudzīgi. Keep sekot to pāris soļus, un es noteikti pārliecināties, kas palīdz jums par jūsu nākamo mājas projekts. Enjoy it!

1. Write clean code

Writing tīru kods būs viegli maintainable un mazāk sāpes jums un citiem.

Bad Code

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

Good Code

  <! - / Iesaiņojums \ ->
 > <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>
 <! - \ GALVENĀ CONTAINER CLOSE / ->

 </ div>
 <! - \ Iesaiņojums CLOSE / -> 

2. Izmantojiet pareizo DOCTYPE

Ja jūs neizmantojat DOCTYPE (dokumenta veida deklarācija) tag, Web lapu nerādīs standartu prasībām atbilstošu veidos un var izraisīt dīvainas Web lapas.

3. Izmantojiet Pozīcija Tags un Nenumurēts saraksti

Izmantojiet Pozīcija Tags un Nenumurēts sarakstiem, nevis tad spacer grafikas un nested tabulas ..

Bad Code

Good Code

 Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> </ul> </div> <div> <h2> Pozīcija </ h2> <ul> <li> Content xyz </ li> <li> Content xyz </ li> <li> Content xyz </ li> <li> Content xyz </ li> </ ul> </ div> 

4. Izmantojiet semantiski nozīmīgu klases & ID vārdi

Kad vien iespējams, lietojiet klases un ID nosaukumiem, kas ir semantiski nozīmīgi un meklēšanas draudzīgi. For example:

Bad Code

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

Good Code

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

5. Izvairīties no IE divkāršās peldēt-margin, Use display: inline par peldēja elementi

Izvairīties no IE divkāršās pludiņš-margin un teksta ievilkumu bugs izmantojot display: inline par peldēja elementi.

Bad Code

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

Good Code

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

Secinājums

Šie ir tikai daži padomi, kas palīdzēs man rakstīt labāk kods. Es ceru, ka apmācība palīdzēs arī jums rakstīt labāk un tīrs kods. Piemēro šos padomus, lai jūsu pašreizējo un nākamo projektu, un jūs noteikti novērtēs pūles.

Ja domājat, ka apmācība var būt labāk, lūdzu, dalīties ar mums. Komentēt mums

Ja jūs vēlaties saņemt padomus no mums, lūdzu, apsveriet abonēšanas mūsu barības pa RSS vai pa e-pastu.