Има хиляди уроци блогове и уеб сайтове са достъпни в интернет, но не и цялата информация е полезна или с добро качество. В тази статия ще ви покажем 5 начина да запазите код браузър, потребител приятелски и търсене на двигателя. Съхранявайте следват тази на няколко крачки, и аз определено сигурни, че ще ви помага за следващия си проект уебсайт. Наслаждавайте се!

1. Напиши чист код

Писане чисти код ще бъде лесно maintainable и по-малко от болка за вас и други.

Бад кодекс

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

Добър кодекс

  <! - / Обвивка \ ->
 > <div ID = "Wrapper">

 <! - / ОСНОВНИ КОНТЕЙНЕРИ \ ->
 > <div ID = "MainContainer">

 <! - / HEADER \ ->
 > </div> <div ID = "Header"> </ span>
 <! - \ HEADER ЗАТВОРИ / ->

 <! - / Съдържание \ ->
 > </div> <div ID = "Content"> </ span>
 <! - \ СЪДЪРЖАНИЕ НА БЛИЗО / ->
 
 </ span>
 <! - \ ОСНОВНИ КОНТЕЙНЕРИ БЛИЗО / ->

 </ span>
 <! - \ Обвивка ЗАТВОРИ / -> 

2. Използвайте правилна DOCTYPE

Ако не използвате DOCTYPE (вид на документа декларация) маркер, на вашия уеб страници няма да се показва в съвместими стандарти, начини и може да доведе до някаква странна уеб страници.

3. Използвайте ред тагове и неподреден списъци

Използвайте ред тагове и неподреден списък, а след това Spacer графики и таблици, вложени ..

Бад кодекс

Добър кодекс

 Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> </ul> </div> <div> <h2> ред </ h2> <ul> <li> XYZ съдържание </ Li> <li> XYZ съдържание </ Li> <li> XYZ съдържание </ Li> <li> XYZ съдържание </ Li> </ UL> </ span> 

4. Използвайте семантично значими клас & ID имена

Когато е възможно, използвайте класа и ID имена, които са семантично търсене на смислени и по-лесно. Например:

Бад кодекс

  > <ul клас "blue" =>
 <li> Грешка 1 </ Li>
 <li> Грешка 2 </ Li>
 </ UL> 

Добър кодекс

  > <ul клас "Error" =>
 <li> Грешка 1 </ Li>
 <li> Грешка 2 </ Li>
 </ UL> 

5. Да се избягва двойното на IE-флоат марж, Използвайте Покажи: вградени елементи за плуваше

Избягване на двойното поплавък на IE-марж и бъгове текст тире с помощта на езика: инлайн за плуваше елементи.

Бад кодекс

  # съдържанието (
 ; сал: ляво;
 ; ширина: 300px;
 ; подложка: 4px 7px;
 ; марж-ляво: 20px;
 ) 

Добър кодекс

  # съдържанието (
 ; сал: ляво;
 ; ширина: 300px;
 ; подложка: 4px 7px;
 ; марж-ляво: 20px;
 ; Покажи: инлайн;
 ) 

Заключение

Това са само някои от съветите, които ми помогне по-добре да пиша код. Надявам се, че клип ще ви помогне да напишете по-добър и чист код. Приложете тези съвети, за да си настоящи и следващи проекти, а вие със сигурност ще оценят усилията.

Ако мислите, че настойнически може да бъде по-добре, Моля, споделете с нас. Коментар нас

Ако бихте искали да получите повече Съвети от нас, моля, помисли абонирате за нашия емисия от RSS или чрез имейл.

Пила под: Css, уроци, уеб развитие от администратор