Поширені помилки HTML

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

Ось корисний список поширених помилок і помилок, які зустрічаються часто-густо.

1. Чи не закриті теги

Це дуже часта помилка, особливо у веб-програмістів-початківців. Деякі теги вимагають закривають теги, такі як div, strong та посилання. Інші теги вимагають закриваючої косої риси наприкінці тегу, такі як img.

2. Неправильна DOCTYPE

HTML вимагає, щоб ви розпочинали документ із правильної декларації DOCTYPE. Вона має бути позначена спочатку всього вашого коду, на початку документа, заявивши, який тип HTML ви використовуєте. Ось DOCTYPE для XHTML 1.0 Transitional:

3. Неправильна вкладеність тегів

Це дуже важливо відкривати та закривати теги в правильному порядку. Як тільки щось (наприклад, div) відкрився, він повинен закритися перш ніж закриється щось вище за нього. Наступні буде невірно:

4. Capitalizing теги

Це вважається просто поганою манерою, але по можливості ви повинні дотримуватися цього простого правила. Ви завжди повинні використовувати нижній регістр для всіх ваших тегів, як

5. Забудькуватість у відкритті або закритті лапок

Багато новачків роблять цю помилку, що призводить до непрацездатності вашого коду. HTML вимагає подвійнихлапок, які правильно відкриваються та закриваються. Ось приклад правильного використання:

6. Використання вбудованих стилів

Це ще одна річ, яка просто вважається поганою практикою. Вбудовані стилі працюють, але можуть призвести до головного болю надалі! Елементи вашої сторінки повинні бути стилізовані по всьому сайту через зовнішню таблицю стилів. Це буде набагато легше редагувати у майбутньому, і ви з легкістю зможете додавати нові стилі в майбутньому. Приклад вбудованих стилів:

7. Використання кодування для спеціальних символів

8. Застосування класів та ідентифікаторів

Для елементів, які використовуються більш ніж один раз на одній сторінці. Це може бути стиль посилання, який ви використовуватимете кілька разів на одній сторінці. Ідентифікатори елементів, які використовуються лише один раз, із цього приводу не застосовувати.

Багато хто часто зловживає класами та ідентифікаторами і використовується в непотрібних місцях. Дотримуйтесь мінімуму у ваших завданнях.