Istnieją tysiące blogów i stron internetowych samouczków są dostępne w internecie, ale nie wszystkie informacje są przydatne i dobrej jakości. W niniejszym artykule Pokażemy Ci, 5 sposobów na zatrzymanie przeglądarki kodu użytkownika i przyjazne dla wyszukiwarek. Keep śledzić kilka kroków, a ja na pewno pewien, że pozwala na następnej stronie projektu. Enjoy it!

1. Napisz do czystego kodu

Pisanie czysty kod będzie łatwy w utrzymaniu i mniej bólu dla siebie i innych.

Zły kod

 > <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> 

Dobry kod

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

 <! - / Głównego pojemnika \ ->
 > <div id = "MainContainer">

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

 <! - / Content \ ->
 > </div> <div id = "Content"> </ div>
 <! - \ ZAMKNĄĆ Content / ->
 
 </ div>
 <! - \ Głównego pojemnika CLOSE / ->

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

2. Użyj poprawnego DOCTYPE

Jeśli nie używasz DOCTYPE (deklaracja typu dokumentu) tag, na stronach sieci Web nie będą wyświetlane w sposób zgodny z normami i może doprowadzić do jakichś dziwnych stron internetowych.

3. Użyj Treść eBay i nieuporządkowane listy

Użyj Treść eBay i nieuporządkowane listy, a następnie spacer grafiki i tabele zagnieżdżone ..

Zły kod

Dobry kod

  <div>
 <h2> Nagłówek </ h2>
 <ul>
 <li> xyz Treść </ li>
 <li> xyz Treść </ li>
 <li> xyz Treść </ li>
 <li> xyz Treść </ li>
 </ ul>
 </ div> 

4. Użyj semantycznie sensowne klasy & ID nazwy

Jeśli to możliwe, stosowania i klasy ID nazwy, które są semantycznie sensowne i search-friendly. Na przykład:

Zły kod

  > <ul class = "blue">
 <li> Błąd 1 </ li>
 <li> Błąd 2 </ li>
 </ ul> 

Dobry kod

  > <ul class = "Error">
 <li> Błąd 1 </ li>
 <li> Błąd 2 </ li>
 </ ul> 

5. Double float Unikać IE marginesu, Użyj display: inline dla płynął elementy

Unikania podwójnego pływaka IE-margin i błędy wcięć w tekście za pomocą display: inline dla płynął elementów.

Zły kod

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

Dobry kod

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

Wnioski

Są to tylko niektóre z porad, które pomogą mi pisać lepsze kodu. Mam nadzieję, że kurs pozwoli Ci również pisać lepiej i czyste kodu. Zastosuj te porady do projektów bieżących i następnych, a na pewno docenią wysiłek.

Jeśli uważasz, że wychowawczy może być bardziej lepszy, podziel się z nami. Komentarz do nas

jeśli chcieliby Państwo otrzymać więcej wskazówek od nas, proszę zapisać się do naszego kanału przez RSS lub poprzez e-mail.