почему этот самозакрывающийся тег TITLE ломает мою веб-страницу - PullRequest
Новая
       10

почему этот самозакрывающийся тег TITLE ломает мою веб-страницу

0 голосов
/ 05 ноября 2018

У меня очень простая веб-страница. 

<html>
    <head>
        <title/>
    </head>
    <body>
    <h1>hello</h1>
    </body>
</html>

ломает мою веб-страницу, как в Chrome, так и в Firefox

проблема связана с самозакрывающимся тегом заголовка, удалением тега TITLE или добавлением заголовка, чтобы решить проблему 

<title>Test Page</title>

В чем проблема с самозакрывающимися тегами TITLE, не удалось найти ссылку, чтобы сказать, что она недействительна

1 Ответ

0 голосов
/ 05 ноября 2018

Если у вас есть элемент void: 

<img />
<br />

Тогда у них нет контента , потому что его негде положить. Изображения можно рассматривать как пустые <div> с фоновым изображением.

По сравнению с этими элементами: 

<h1>Hello</h1>
<section>World</section>

Которые на самом деле содержат вещи (в данном случае текст).

Причина, по которой <title/> разрывает вашу страницу, заключается в том, что вам нужен заголовок на веб-странице - если у вас его нет, он просто отобразит URL страницы, например: 

google.com/index.html

У вас должен быть действительный заголовок, а <title> не является пустым элементом. Вот почему это ломается. Чтобы увидеть это, перейдите на веб-сайт проверки HTML (например, https://validator.w3.org) и посмотрите, что он вам говорит.

Вкратце - <title> не является пустым элементом - для него требуется открывающий и закрывающий тег.

РЕДАКТИРОВАТЬ: Исследования показали мне этот сайт , который говорит: 

Self-closing: No

Короче говоря, они не являются самозакрывающимися элементами. Вы можете найти список самозакрывающихся элементов здесь .

...