Obstaja tisoče blogov in tutorske spletne strani so na voljo na internetu, vendar ne vseh informacij, koristno ali dobre kakovosti. V tem členu vam bomo pokazali, 5 načinov za ohranitev kodo brskalnika, uporabniku prijazen in iskalniku. Naj malo sledite tem korakom, in jaz vsekakor prepričani, da vam pomaga, da se bo za naslednji spletni strani projekta. Enjoy it!

1. Write čisto code

Pisanje čista koda bo enostavno Trajnostni in manj bolečin za vas in druge.

Bad Code

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

Good Code

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

 <! - / MAIN CONTAINER \ ->
 > <div id = "MainContainer">

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

 <! - / CONTENT \ ->
 > </div> <div id = "Content"> </ div>
 <! - \ VSEBINA ZAPRTO / ->
 
 </ div>
 <! - \ GLAVNI CONTAINER zadnji / ->

 </ div>
 <! - \ Ovoj ZAPRTO / -> 

2. Uporabite pravi DOCTYPE

Če ne uporabljate DOCTYPE (dokument tip deklaracije) oznako, vaše spletne strani ne bo prikazalo v standardnim načine in lahko privede do nekaterih čudnih spletnih straneh.

3. Uporaba Postavka Tags neurejen in seznami

Uporaba Postavka Tags in neurejen seznam, ne pa distančnik grafiko in ugnezdeno mize ..

Bad Code

Good Code

 Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> </ul> </div> <div> <h2> Razdelek </ h2> <ul> <li> Content xyz </ li> <li> Content xyz </ li> <li> Content xyz </ li> <li> Content xyz </ li> </ ul> </ div> 

4. Uporaba semantično smiselno razred & ID imena

Če je le mogoče, uporabljajte razred in ID imena, ki so smiselne in semantično iskanje prijazen. Na primer:

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. Izogibajte se IE's dvojno float-margin, Use Prikaži: inline zraku za elemente

Izogibajte se IE's dvojnega obtoka-margin in bugs alinei besedila z uporabo izpis: inline po zraku elemente.

Bad Code

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

Good Code

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

Zaključek

To so le nekateri od nasvetov, ki mi pomaga napisati boljše kodo. Upam, da bo tutorski tudi vam pomaga, da lažje pisati in čiste kode. Uporabi ta Nasveti za vaše sedanje in prihodnjih projektih, in boste zagotovo cenili prizadevanja.

Če menite, da tutorial lahko več bolje, prosim deliti z nami. Komentar us

Če želite prejeti več Nasveti od nas, prosimo, razmislite naročite na naše krme z RSS ali po e-pošti.

Pila pod: Css, Tutorials, Web development by admin