Распространенные ошибки HTML

Новички при использовании навороченных инструментов HTML редактирования очень часто делают большое количество ошибок в своем коде, либо по неосторожности или в случае отсутствия опыта.  Чистый код очень важный фактор, он будет способствовать дальнейшему совершенствованию ваших навыков разработчика, а также сэкономит много времени  при редактировании кода в последствии! В любом случае это никогда не повредит вам, если вы хотите стать опытным разработчиком.

Вот полезный список распространенных ошибок и оплошностей, которые встречаются сплошь и рядом.

1. Не закрытые теги

Это очень частая ошибка, особенно у начинающих веб-программистов.  Некоторые теги, требуют закрывающих тегов, таких как div, strong и ссылки.  Другие теги требуют закрывающей косой черты в конце тега, такие как img.

<div> Текст внутри div. </ P>

<img src="imagename.jpg" />

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

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

<DOCTYPE HTML PUBLIC! "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

3. Неправильная вложенность тегов

Это очень важно, открывать и закрывать теги в правильном порядке.  Как только что-то (например, div) открылся, он должен закрыться прежде чем закроется что-либо выше его.  Следующие будет неверно:

<div> <strong> текст </ P> </ STRONG>

4. Capitalizing теги

Это считается просто плохой манерой, но по возможности вы должны соблюдать это простое правило.  Вы всегда должны использовать нижний регистр для всех ваших тегов, как <div>, <a> и <img>.
Следующая запись неверна:

<DIV> </ P>

5. Забывчивость в открытии или закрытии кавычек

Множество новичков совершают эту ошибку, что приводит к неработоспособности вашего кода.  HTML требует двойных кавычек, которые правильно открываются и закрываются.
Вот пример правильного использования:

<img src="headerimage.jpg" />

6. Использование встроенных стилей

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

<a href="link.html" style="color: #000; text-decoration: none;"> имя ссылки </a>

7. Использование кодирования для специальных символов

Такие символы, как "©" и "&" должны быть показаны соответствующими HTML кодами.

8. Применение классов и идентификаторов

Для элементов, которые используются более одного раза на одной странице.  Это может быть стиль ссылки, который вы будете использовать несколько раз на одной странице.  Идентификаторы элементов, которые используются только один раз, в этот счет не применять.

Многие часто злоупотребляют классами и идентификаторами и используются их в ненужных местах. Придерживайтесь минимума в ваших задачах.