Проверка данных на валидность. Валидность кода – что это, и как ее проверить? Способы проверки валидации

До сих пор мы рассматривали отдельные фрагменты кода HTML. Но HTML-документ (или веб-страница, что означает то же самое) требует определённой структуры для того, чтобы стать валидным .

Почему мы заботимся о валидации HTML-документа?

• Правильность : валидный документ корректно отображается в браузере.
• Отладка : некорректный код HTML может вызвать ошибки, сложные для выявления.
• Поддержка : валидный документ легче обновлять позже, даже кому-то другому.

Доктайп

Первой информацией которую мы пишем, является тип HTML-документа - доктайп .

Подумайте о доктайпе как о версии автомобиля на протяжении многих лет: Ford Fiesta, купленный в 1986 году, был Fiesta 2. Если вы покупаете его сегодня, то это Fiesta 7.

Раньше сосуществовало несколько версий HTML (XHTML и HTML 4.01 были конкурирующими стандартами). В настоящее время нормой является HTML5 .

Чтобы сообщить браузеру, что HTML-документ представляет собой HTML5, просто начните свой документ со следующей строки:

Вот и всё. Просто установите и забудьте об этом.

Вы можете задаться вопросом, почему это доктайп HTML5 не упоминает цифру 5. В W3C подумали, что предыдущие определения доктайпа были слишком запутанными и воспользовались возможностью, чтобы упростить его, удалив упоминание о версии HTML.

Элемент

Помимо строки с доктайпом, весь ваш HTML-документ должен располагаться внутри элемента :

технически является предком всех элементов HTML.

Как атрибуты несут дополнительную информацию для элемента HTML, так и элемент несёт дополнительную информацию для всей веб-страницы.

Например, заголовок страницы (отображается на вкладке) находится в :

Следующие элементы HTML могут появляться в и только в :