Странности в валидации 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>

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

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

Подписаться 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 Автор вопроса

Спасибо

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

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

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

Войти через центр авторизации

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

JavaScript

+2 ещё

Средний
Как отсортировать в ХТМЛ по дате рождения от младшего к старшему, а так же, нумерацию их 1,2,3,4. Чтобы можно было потом добавить еще людей?
- 1 подписчик
- час назад
- 21 просмотр
1

ответ
HTML

+1 ещё

Простой
При загрузке картинки этот блок не имеет размера, как исправить?
- 1 подписчик
- 5 часов назад
- 38 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Пустая страница, ошибок нет. JS. В чем проблема?
- 1 подписчик
- 6 часов назад
- 146 просмотров
1

ответ
HTML

+1 ещё

Простой
Как кодировать кириллицу в поле data?
- 1 подписчик
- 11 часов назад
- 39 просмотров
1

ответ
HTML

+1 ещё

Простой
Как в теге select один символ сделать другого цвета?
- 1 подписчик
- 17 часов назад
- 84 просмотра
1

ответ
HTML

+1 ещё

Простой
Как поставить элементы в одну строку и выровнять их?
- 1 подписчик
- вчера
- 79 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему не работает pattern на input?
- 1 подписчик
- вчера
- 87 просмотров
2

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

Простой
Не будет ли проблем при использовании хостинга другой страны?
- 1 подписчик
- вчера
- 114 просмотров
2

ответа
HTML

+2 ещё

Простой
Как подкрасить 2 блока в разные цвета по всей ширине в дочернем Blade-шаблоне?
- 1 подписчик
- вчера
- 57 просмотров
2

ответа
HTML

+2 ещё

Средний
Неправильное отображение верстки во всех браузерах локально на компьютере, в чем может быть проблема?
- 1 подписчик
- вчера
- 82 просмотра
1

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

Frontend-разработчик (React)

ДАЛЕЕ

от 130 000 ₽

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Доработать клиентское приложение для GTA 5 на C#

20 апр. 2024, в 00:51

1000 руб./за проект

Верстка и логика формы выбора билетов в зале для покупки

20 апр. 2024, в 00:43

10000 руб./за проект

Разработать формирование УПД на Java

20 апр. 2024, в 00:28

20000 руб./за проект

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>