Поширені помилки валідації
Обов'язково перевіряйте свої сторінки валідатором. Користуйтеся валідатором Консорціуму 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.