Hi ha milers de tutorials en blocs i llocs web estan disponibles a la Internet, però no tota la informació que és útil o de bona qualitat. En aquest article anem a mostrar 5 Claus per mantenir el seu navegador de codi, els usuaris i cercadors. Mantingui seguir els següents passos pocs, i definitivament segur que l'ajudarà a vostè per al seu projecte de pàgina web que ve. Enjoy it!

1. Escriu el codi net

Escriure codi net serà fàcil de mantenir i menys d'un dolor per a vostè i els altres.

Bad Codi

  > ID <div "Wrapper" =>
 > ID <div "MainContainer" =>
 > </div> ID <div "Header" => </ div>
 > </div> ID <div "Content" => </ div>
 </ Div>
 </ Div> 

Codi de bones

  <! - / EMBOLCALL \ ->
 > ID <div "Wrapper" =>

 <! - / Contenidor principal \ ->
 > ID <div "MainContainer" =>

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

 <! - / Content \ ->
 > </div> ID <div "Content" => </ div>
 <! - \ Tancar seu contingut / ->
 
 </ Div>
 <! - \ PRINCIPALS Tanqueu l'envàs / ->

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

2. Utilitzeu el DOCTYPE correcte

Si no utilitza el DOCTYPE (declaració de tipus de document) d'etiquetes, les pàgines web no apareixerà en forma compatible amb les normes i pot deixar-vos algunes pàgines web estranyes.

3. Utilitzeu etiquetes de títol i sense ordenar les llistes de

Utilitzeu etiquetes de títol i en les llistes no ordenades en lloc de gràfics i taules niuades spacer ..

Bad Codi

Codi de bones

  <div>
 <h2> Denominació </ h2>
 <ul>
 <li> xyz troba </ li>
 <li> xyz troba </ li>
 <li> xyz troba </ li>
 <li> xyz troba </ li>
 </ Ul>
 </ Div> 

4. Utilitzeu classe semànticament significatiu i els noms d'identificació

Sempre que sigui possible utilització de classe, i els noms d'identificació que són semànticament significatius i de recerca fàcil. Per exemple:

Bad Codi

  > classe <ul "blue" =>
 <li> d'error 1 </ li>
 <li> Error 2 </ li>
 </ Ul> 

Codi de bones

  > classe <ul "Error" =>
 <li> d'error 1 </ li>
 <li> Error 2 </ li>
 </ Ul> 

5. Evitar el doble flotador IE marge, la utilització display: inline d'elements flotants

Evitar el doble flotador IE marge d'errors i guió de text mitjançant display: inline d'elements flotants.

Bad Codi

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

Codi de bones

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

Conclusió

Aquests són només alguns dels consells que em ajuden a escriure millor codi. Espero que el tutorial també l'ajudarà a escriure millor i netejar el codi. Apliqueu aquests consells per als seus projectes en curs i el proper, i segurament apreciaran l'esforç.

Si vostè pensa que tutorial pot ser més millor, si us plau comparteixi amb nosaltres. Comenta'ns

Si vol rebre més consells sobre nosaltres, si us plau considera subscriure't al nostre feed de RSS o per correu electrònic.