<head> 标签弹出到 <body> 标签

Question

当我在 html 的标签中编写这段代码时，我遇到了一些奇怪的事情：

<div id="header1" style="background-color:white;color:grey;font-size:20px;">
    <img id="MainImg" src="StatMarketlogo_final.gif" style="float:left;">
    <b>Hello Amit,you last login was on 5/3/2015</b>
</div>

它从 <head> 标签弹出并转到 <body> 标签。发生了什么？我这样做是因为我希望我的头部背景与 body back-color 不同。所以我希望它们在不同的标签中。

Answer 1

head 元素的结束标记是可选的。

正文元素的开始标记是可选的。

头元素中不允许有 div 元素。（Div 元素包含内容，head 元素不应该包含任何内容，只有元数据，如样式表的 <title> 和 <link>s。）。

在头部结束标记之前放置一个 div 开始标记将隐式地结束头部元素并开始主体元素。

听起来你的 <div> 实际上应该是一个 <header>，它在内部 <body> 之前 <main> .

Answer 2

HEAD 标签不是你想的那样。它包含有关文档的信息：http://www.w3schools.com/html/html_head.asp

尝试将您的 div 更改为 header 标签，然后将其单独设置为文档的其余部分。这两个都应该保留在 body 标签内：

 <header id="header1" style="background-color:white;color:grey;font-size:20px;">
     <img id="MainImg" src="StatMarketlogo_final.gif" style="float:left;">
     <b>Hello Amit,you last login was on 5/3/2015</b>
 </header>

 <div class="some-content" style="background-color:red;">
   Some content
 </div>

<head> 标签弹出到 <body> 标签

<head> tag pops out to <body> tag

html

css

web