why this self-closing TITLE tag breaks my web page

user_1938982 0
Viewed 396

I have a very simple webpage. 

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

breaks my webpage ,both in Chrome and Firefox

the issue is with self-closing Title tag ,removing TITLE tag or adding a title fix the issue

<title>Test Page</title>

Whats the issues with self-closing TITLE tags , couldn't find any reference to say its invalid

webpage css html
1 Answers

If you have a void element:

<img />
<br />

Then they have no content, because there's nowhere to put it. Images can be thought of as an empty <div> with a background image.

Compared to these elements:

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

Which actually contain stuff (in this case, text).

The reason that the <title/> breaks your page is because you need a title in a webpage - if you don't have one, it'll just display the URL of the page, for example:

google.com/index.html

You need to have a valid title, and <title> is not a void element. This is why it breaks. To see this, go to a HTML validation website (e.g. https://validator.w3.org) and see what it tells you.

In short - <title> is not a void element - it requires an opening and closing tag.

EDIT: Research showed me this website, which says:

Self-closing: No

So in short they're not self-closing elements. You can find a list of self-closing elements here.

user_102217650
Related