Є тисячі блогів і підручники сайти доступні в Інтернеті, але не вся інформація є корисною і хорошої якості. У цій статті ми покажемо вам, 5 способів зберегти ваш код браузера, користувач і пошукачів. Тримайте цю наступні кілька кроків, і я впевнений, що безперечно буде допомагає вам для вашого наступного сайті проекту. Насолоджуйтеся цим!

1. Створити чистого коду

Дати чистої код буде оперативно оновлювати систему і менше болю для себе та інших.

Невірний код

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

Код товару

 = "Wrapper" > <!-- / MAIN CONTAINER \ --> <div id = "MainContainer" > <!-- / HEADER \ --> <div id = "Header" > </div> <!-- \ HEADER CLOSE / --> <!-- / CONTENT \ --> <div id = "Content" > </div> <!-- \ CONTENT CLOSE / --> </div> <!-- \ MAIN CONTAINER CLOSE / --> </div> <!-- \ WRAPPER CLOSE / --> <! - / WRAPPER \ -> <div ID = "Wrapper"> <! - / Контейнер \ -> <div ID = "MainContainer"> <! - / HEADER \ -> <Div ID = "Заголовок"> </ div> <! - \ HEADER ЗАКРИТИ / -> <! - / Content \ -> <div ID = "Content"> </ div> <! - \ КОНТЕНТ CLOSE / -> </ div> <! - \ контейнер ЗАКРИТИ / -> </ div> <! - \ WRAPPER ЗАКРИТИ / -> 

2. Використовуйте правильний DOCTYPE

Якщо ви не використовуєте тип документа (Document Type декларації) тегів, веб-сторінки не будуть відображатися відповідає стандартам шляхів і може призвести до якимось дивним веб-сторінок.

3. Використовуйте теги заголовка і неврегульовані списки

Використовуйте теги заголовка та маркованих списків, а потім Spacer графіку і вкладені таблиці ..

Невірний код

Код товару

  <div>
 <h2> заголовок </ h2>
 <ul>
 <li> Авторські XYZ </ LI>
 <li> Авторські XYZ </ LI>
 <li> Авторські XYZ </ LI>
 <li> Авторські XYZ </ LI>
 </ UL>
 </ Div> 

4. Використання семантичного значимий клас & ID імена

Всякий раз, коли можливо, використовувати клас та ідентифікаційний імена, семантично значущих і пошуку для користувачів. Наприклад:

Невірний код

  > <ul "blue" клас =>
 <li> Помилка 1 </ LI>
 <li> Помилка 2 </ LI>
 </ UL> 

Код товару

  > <ul "Error" клас =>
 <li> Помилка 1 </ LI>
 <li> Помилка 2 </ LI>
 </ UL> 

5. Уникайте подвійний "IE флоат-маржі, використовуйте кнопку DISPLAY: Inline за переміщаються елементами

Щоб уникнути подвійного Float "IE-маржа і помилки тексту абзацу, використовуючи дисплей: Inline для плавали елементи.

Невірний код

  # (Вміст
 ; Float: зліва;
 ; ширина: 300px;
 ; PADDING: 4px 7px;
 ; MARGIN-наліво: 20px;
 ) 

Код товару

  # (Вміст
 ; Float: зліва;
 ; ширина: 300px;
 ; PADDING: 4px 7px;
 ; MARGIN-наліво: 20px;
 ; Дисплей: вбудований;
 ) 

Висновок

Такими є лише деякі з порад, які допоможуть мені краще писати код. Я сподіваюся, що навчальний посібник також допоможе вам писати краще і чистого коду. Застосовувати ці поради на поточний і наступні проекти, і ви, безсумнівно, оцінять зусилля.

Якщо ви вважаєте, що навчальний посібник може бути більш кращого, будь ласка, поділіться з нами. Коментарі нас

Якщо ви хотіли б отримати більше Поради від нас, будь ласка, підпишіться на наш канал по RSS або по електронній пошті.