CODEWITHSUNDEEP
htmlhtml-parsing
Valhallen
Valhallen

Reputation: 60

weird issue with html: markup is correct but dev tools show <title> moving to <body>

I've got this weird issue going on. I'm using Codeigniter 3.0-dev and Smarty 3.1.4 in the backend, but I don't think it's relevant.

I have this really simple html:

<!DOCTYPE HTML>
<html>
<head>
    <title>some page</title>
</head>
<body>
asd
</body>
</html>

now. when I view the source of this page, on any browser (tried Opera 10.52, Firefox 7.0.1, Chrome 14 and 15, IE9) the markup is exactly like above. now, when I use firebug or chrome's dev tools it moves the title tag in the <body>, and if I have meta or anything else in the <head>, it moves those items in the <body> aswell. firefox's firebug shows me this:

<html>
<head></head>
<body>

<title>test</title>
asd
</body>
</html>

why does this happen? any ideas, at all?

Upvotes: 1

Views: 399

Answers (2)

Pete Wilson
Pete Wilson

Reputation: 8694

What Alohci said, plus both Firebug and the Chrome debugger often move things around to suit themselves. The source then looks wrong when viewed in those debuggers.

Upvotes: 0

Alohci
Alohci

Reputation: 83006

Elements that appear to be in head in the mark-up, can end up inside body in the DOM, if the parser sees something before the moved elements that is only permissible in the body of HTML. For example, a double BOM (byte-order-mark) at the start of the file may not show up in View Source, but will cause the parser to think that it has entered the html body section, and all the head elements in the mark-up will end up in the body in the DOM.

Upvotes: 6

Related Questions