将 DIV 放置在 <head> 中

Kit*_* Ng 2 html html-head

我将在网站中安装一个横幅,其目标是整个网站的运行。横幅设置为position:fixed& bottom:0px,因此它将是底部的浮动横幅。

我的网站结构是一个公共的头文件,有很多对应不同页面的正文文件。

如果我把这个DIV放在公共头文件(该<head>部分)中,它会自动实现结果。但是,如果我把这个DIV放在body文件中(该<body>部分),我就必须一张一张地打开body文档并多次添加DIV。

我在网上看到,人们总是不建议在<head>节中放置DIV。我可以知道原因吗?有什么坏处吗?我自己测试了一下,好像没有太大区别。

Mil*_*azi 9

如果我理解你的问题,你想知道人们说不要将 div 放在<head>标签中的原因。

原因是这样做的话,用户体验将是不可预测的。很多年前,没有严格的标准,每个网页在不同用户代理上的体验是不同的。因此,W3C 制定了更严格的标准,以便无论页面在一个 Web 浏览器上显示如何,它在不同的浏览器上都应该显示相同的内容。

现在,如果您通过将代码粘贴到验证器上来测试网站的正确性,您会发现它不会通过测试。

供您参考,< header >部分和< head >是不同的(以防万一您想将它们混淆)。从 HTML5 开始,您可以将 div 放入< header >中,但不能放入< head >中。

进一步阅读:

  1. http://www.w3.org/TR/html401/struct/global.html
  2. http://www.w3schools.com/tags/tag_header.asp
  3. http://validator.w3.org/#validate_by_input