Поширені помилки валідації

27.10.2011

Обов'язково перевіряйте свої сторінки валідатором. Користуйтеся валідатором Консорціуму W3C ( validator.w3.org ). Валідним (тобто що відповідає всім правилам) XHTML-документом вважається документ, що задовольняє технічну специфікацію. Щоб їй відповідати та успішно пройти перевірку на правильність при верстці сайту необхідно дотримуватися певних стандартів.

Ось деякі з них:

Обов'язкове закриття тега

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

Відсутність або неправильне оголошення DOCTYPE

Частою помилкою під час створення веб-сторінки є відсутність або неправильне оголошення DOCTYPE на чолі документа. Точний та правильний запис DOCTYPE це запорука правильного відображення сайту в різних браузерах.

Правильне оформлення Javascript.

Це буде виглядати так:

< script type= "text/javascript"></ script>

В кінці непарних тегів (наприклад, img або br) слід писати слеш /.

Зображенням завжди потрібно вказувати атрибут alt.

Зображення – це потенційний камінь спотикання правильності перевірки коду. Крім парного закриває слеша, вони також вимагають вказівки атрибутів «alt», який містить опис даного зображення.

Спецсимволи. ВАЖЛИВО!

Зазвичай, у посиланнях зберігаються такі помилки. Спецсимволи - заважають правильності перевірки коду. Замість використання символів типу «&», потрібно вказувати їх XHTML аналоги, наприклад: & amp;

Правильне вкладання тегів.

Вкладенням називається розташування елементів усередині інших елементів. Наприклад, так:

<a><span></span></a>

Дуже часто порядок вкладеності переплутується. Наприклад так:

<a><span></a></span>

Часто це не змінить відображення документа в браузері, крім як у ie, але перешкоджатиме правильної валідації коду.

У <ul> має бути хоча б один <li>

Часто в малі елементи намагаються вкласти блокові.

<span><p></p></span>

<a><div></div></a>

У рядкові можна вкладати тільки маленькі, а якщо хочете поміняти рядковий на блоковий, для цього використовуємо css.

Обов'язкова наявність тега заголовка.

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

Останнє в нашому блозі

Інтернет маркетинг
04.11.2019