Странности в валидации w3c <html> и <body>

Question

JonyRock @JonyRock

Странности в валидации w3c <html> и <body>

Почему это валиадно:

<!DOCTYPE HTML>

<head>

<title>Title of the document</title>

</head>

</html>

и это:

<!DOCTYPE HTML>

<head>

<title>Title of the document</title>

</head>

</body>

Вопрос задан более трёх лет назад
2729 просмотров

Комментировать

Подписаться 3 Оценить Комментировать

Помогут разобраться в теме Все курсы

Яндекс Практикум

Профессиональная вёрстка на HTML и CSS

3 месяца

Далее
Stepik

Основы HTML и CSS

2 недели

Далее
OTUS

HTML/CSS

3 месяца

Далее

Решения вопроса 1

Комментировать

Пригласить эксперта

Ответы на вопрос 1

7 комментариев

sl_bug @sl_bug

Ах да, на закрывающиеся теги не ругается, потому что открывающие подразумеваются.

Написано более трёх лет назад
sl_bug @sl_bug

Конкретно эти 3, на остальные будет ругаться.

Написано более трёх лет назад
sl_bug @sl_bug

И еще забыл. Лучше эти теги писать, ибо всеми любимый браузер будет недоволен :)

Написано более трёх лет назад
JonyRock @JonyRock Автор вопроса

Ок, так почему это валидно.

Написано более трёх лет назад
sl_bug @sl_bug
см. выше.

1. эти теги опциональны.
2. автоматически предполагается открытие и закрытие тега там где это нужно(по-этому сначала должен идти title, потом h1, а не наоборот). вот так уже невалидно —

<!DOCTYPE HTML> <h1>1</h1> <div>bla</div> <header>bbb</header> <footer>ddd</footer> <title>Title of the document</title>

3. закрывающий тег не мешает валидации, потому что открывающий как-бы есть. просто мы его не видим :)
Написано более трёх лет назад
sl_bug @sl_bug
И это бывает удобно (ну если лень писать открывающие теги). Пример:

<!DOCTYPE HTML> <title>Title of the document</title> <script> alert('bla'); </script>

браузеру непонятно где в данном случае располагается тег script — внутри head или body. по-этому он предположит что все-таки в head. а если нам нужно в body?

<!DOCTYPE HTML> <title>Title of the document</title> </head> <body> <script> alert('bla'); </script>

та-да :)

P.S. как видно, закрывающие теги тоже не обязательны.
Написано более трёх лет назад
JonyRock @JonyRock Автор вопроса

Спасибо

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

Веб-разработка

+1 ещё

Средний
Как запретить отскок сайта webapp telegram?
- 1 подписчик
- вчера
- 184 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Как сделать горизонтальный скролл стрелками?
- 1 подписчик
- вчера
- 111 просмотров
0

ответов
Веб-разработка

Простой
Какую систему выбрать для документирования и описания структуры и дизайна сайта?
- 3 подписчика
- 03 нояб.
- 287 просмотров
4

ответа
PHP

+2 ещё

Простой
Создание элемента с необычной формой и прозрачным фоном и рамкой?
- 1 подписчик
- 03 нояб.
- 132 просмотра
0

ответов
Валидация

Простой
Какие сочетания символов не допустимы в ФИО, согласно письму ФНС России от 01.03.2022 N БС-4-11/2435@?
- 1 подписчик
- 01 нояб.
- 81 просмотр
0

ответов
HTML

Простой
При клике на кастомную кнопку “Скачать” не происходит переход, хотя JS-обработчик отрабатывает. Как решить?
- 1 подписчик
- 29 окт.
- 163 просмотра
0

ответов
HTML

+1 ещё

Простой
Как создать карточки в рядах со смещением?
- 1 подписчик
- 28 окт.
- 108 просмотров
1

ответ
Веб-разработка

Простой
Каким образом создать интерактивный модуль для сайта?
- 1 подписчик
- 28 окт.
- 171 просмотр
1

ответ
HTML

+1 ещё

Простой
Как в руководстве steam сделать обтекающий картинку текст?
- 1 подписчик
- 08 окт.
- 135 просмотров
1

ответ
Веб-разработка

+1 ещё

Средний
Как корректно реализовывать согласие пользователя на обработку персональных данных, в связи с новыми правками?
- 6 подписчиков
- 03 окт.
- 754 просмотра
3

ответа
Показать ещё Загружается…

PHP-разработчик

FoodSoul • Калининград

от 180 000 до 250 000 ₽

Специалист технической поддержки (чат)

WebSoft

от 50 000 до 70 000 ₽

Senior Frontend-разработчик в команду управления доступами

SMALL

от 3 000 до 4 700 $

Answer 1 · 2011-07-12 20:06:44

dev.w3.org/html5/spec/Overview.html#optional-tags
A head element's start tag may be omitted if the element is empty, or if the first thing inside the head element is an element.
A body element's start tag may be omitted [...]

Answer 2 · 2011-07-12 19:46:15

Вы удивитесь, но это тоже валидно.

<!DOCTYPE HTML>
<title>Title of the document</title>
<h1>1</h1>
<div>bla</div>
<header>bbb</header>
<footer>ddd</footer>

<html>, <head> and <body> tags are optional!

Странности в валидации w3c &lt;html&gt; и &lt;body&gt;

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт

Странности в валидации w3c <html> и <body>