Es gibt Tausende von Websites, Blogs und Tutorials sind im Internet verfügbar, jedoch nicht alle Informationen, die nützlich ist oder von guter Qualität. In diesem Artikel zeigen wir Ihnen 5 Möglichkeiten, seine Code-Browser, Benutzer-und Suchmaschinen-freundlich. Halten Sie folgen dieser wenige Schritte, und ich auf jeden Fall sicher, dass wird unterstützt Sie bei Ihrem nächsten Projekt-Website. Enjoy it!

1. Schreiben Sie sauberen Code

Schreiben sauberen Code wird leicht zu pflegende und weniger Schmerzen für dich und andere.

Bad Code

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

Guter Code

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

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

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

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

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

2. Verwenden Sie den richtigen DOCTYPE

Wenn Sie nicht die DOCTYPE (document type declaration) tag, Ihre Web-Seiten werden nicht in der gängigen Standard-Möglichkeiten zur Anzeige und könnte in einer fremden Web-Seiten führen.

3. Verwenden Sie Überschriften-Tags und ungeordnete Listen

Verwenden Sie Überschriften-Tags und ungeordnete Listen anstatt spacer Grafiken und verschachtelte Tabellen ..

Bad Code

Guter Code

 Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> </ul> </div> <div> <h2> Überschrift </ h2> <ul> <li> Inhalt xyz </ li> <li> Inhalt xyz </ li> <li> Inhalt xyz </ li> <li> Inhalt xyz </ li> </ ul> </ div> 

4. Verwenden Sie semantisch sinnvolle Klasse & ID-Namen

Verwenden Sie nach Möglichkeit Klasse und ID-Namen, die semantisch sinnvoll sind, und suchen Sie zu gestalten. Zum Beispiel:

Bad Code

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

Guter Code

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

5. Vermeiden Sie IE-Double-Float-Marge, Nutzung display: inline für fließender Elemente

Vermeidung einer doppelten IE-Float-Margin und Text Gedankenstrich Bugs mit display: inline für fließender Elemente.

Bad Code

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

Guter Code

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

Fazit

Dies sind nur einige der Tipps, die mir helfen, um besseren Code zu schreiben. Ich hoffe, dass auch Tutorial wird Ihnen helfen, besser schreiben und sauberen Code. Wenden Sie diese Tipps, um Ihre aktuellen und kommenden Projekte, und Sie werden sicherlich die Bemühungen.

Wenn Sie glauben, dass Tutorial mehr besser werden kann, bitte mit uns teilen. Comment us

Wenn Sie gerne mehr Tips von uns erhalten, prüfen Sie bitte abonnieren Sie unseren Feed von RSS-oder E-Mail.