Exista mii de bloguri si site-uri web tutoriale sunt disponibile pe internet, dar nu toate informaţiile sunt utile sau de bună calitate. În acest articol vom vom arăta 5 moduri de a menţine browser-ul dvs. de cod, de utilizator şi motor de căutare prietenos. Păstraţi acest urmaţi câţiva paşi, şi i sigur sigur că va vă ajută să vă pentru proiectul dumneavoastra următoarea site-ul web. Enjoy it!

1. Scrie codul de curat

Scrierea de cod curat va fi uşor de întreţinut şi mai puţin de o durere pentru tine şi pentru alţii.

Bad Cod

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

Buna Code

  <! - / ÎNVELIŞULUI \ ->
 > id <div "Wrapper" =>

 <! - / Containerul principal \ ->
 > id <div "MainContainer" =>

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

 <! - / Content \ ->
 > </div> id <div "Content" => </ div>
 <! - \ CONŢINUT INCHIDE / ->
 
 </ div>
 <! - \ Main CONTAINERE INCHIDE / ->

 </ div>
 <! - \ ÎNVELIŞULUI INCHIDE / -> 

2. Utilizaţi DOCTYPE corectă

Dacă nu utilizaţi DOCTYPE (documentul de declaraţie de tip) tag-uri, pagini Web nu se va afişa în standardele moduri conforme şi ar putea conduce, în unele pagini web ciudat.

3. Utilizaţi Tags Titlu şi neordonate liste de

Utilizaţi Tags Titlu şi liste de neordonată grafica destul de veche, apoi şi tabele imbricate ..

Bad Cod

Buna Code

 Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> </ul> </div> <div> <h2> Titlu </ h2> <ul> <li> xyz Conţinut </ li> <li> xyz Conţinut </ li> <li> xyz Conţinut </ li> <li> xyz Conţinut </ li> </ ul> </ div> 

4. Utilizaţi clasa semantic semnificativ & nume ID-ul

Ori de câte ori este posibil, clasa de utilizare şi de nume ID-ul semantic, care sunt semnificative şi de căutare-friendly. De exemplu:

Bad Cod

 > <li> Error 1 </li> <li> Error 2 </li> </ul> clasa <ul "blue" => <li> de eroare 1 </ li> <li> de eroare 2 </ li> </ ul> 

Buna Code

  > clasa <ul "Error" =>
 <li> de eroare 1 </ li>
 <li> Error 2 </ li>
 </ ul> 

5. Evitaţi IE float dublu-margin, Utilizare display: inline pentru elemente de plutea

Evitati float IE dublu-marja de bug-uri şi de text liniuţă, prin folosirea display: inline pentru elemente plutea.

Bad Cod

  de conţinut # (
 ; float: left;
 ; width: 300px;
 ; padding: 4px 7px;
 ; margin-left: 20px;
 ) 

Buna Code

  de conţinut # (
 ; float: left;
 ; width: 300px;
 ; padding: 4px 7px;
 ; margin-left: 20px;
 ; display: inline;
 ) 

Concluzii

Acestea sunt doar câteva sfaturi care să mă ajute să scrie codul de mai bine. Sper că tutorial va ajuta, de asemenea, să scrie mai bine si curat de cod. Aplicaţi aceste sfaturi pentru a proiectelor dvs. curente şi viitoare, şi vă vor aprecia cu siguranta eforturile.

Dacă credeţi că tutorialul poate fi mai bine, Va rugam sa imparti cu noi. Comment-ne

Dacă doriţi să primiţi mai multe sfaturi de la noi, vă rugăm să ia în considerare aderarea la feed noastre prin RSS sau prin e-mail.

Filed under: Css, Tutoriale, Web dezvoltare de admin