Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

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

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Валидация html и css в процессе работы

.

Итак, вы вносите изменения и идете по протоптанной дорожке: сохранить, обновить браузер 1, обновить браузер 2, обновить браузер 3 и т. д. Прежде чем вы обнаружите таким образом проблемы, можете просто выполнить валидацию разметки или CSS-кода. В процессе разработки, очевидно, последний вариант предпочтительнее.

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

Вам удалось найти проблему? Я намеренно допустил здесь маленькую опечатку, но страница будет отображаться неправильно, как показано на рис. 11.1.

Рис. 11.1. Поврежденная таблица

Если мы скопируем и вставим этот HTML-код в валидатор, а затем запустим тестирование, он найдет там 22 ошибки (рис. 11.2).

Рис. 11.2. Валидатор нашел ошибки в разметке

Прокручивая страницу вниз, мы видим, что нам указали на присутствие элемента tabel внутри body. И действительно, в этом слове опечатка — ведь должно быть table!

Рис. 11.3. Причина ошибки — элемент tabel

Таким образом валидатор указал нам на нашу проблему. После исправления tabel на table и повторного запуска проверки мы увидим, что все проблемы исчезли. Иначе говоря, все 22 из них были вызваны единственной опечаткой, поскольку ни один из элементов ниже не находится внутри элемента table, как положено.

Рис. 11.4. Нет опечатки — больше никаких ошибок!

Это был очень простой пример, но из него видно, как сильно одна ошибка может повлиять на отображение всей страницы, особенно когда в дело вступает CSS. Так что помните: WЗC-вaлидaтop — ваш инструмент номер один.

.

Читайте так же:
Not found