无效HTML的一些具体缺点是什么?

时间:2018-05-03 18:50:47

标签: html html5 dom

我正在与一位项目负责人进行讨论,并讨论如何清理我们的HTML生成器。它通常会在页面中间生成如下所示的代码:

...
<section id="ctl00_JUMBOTRON" class="jumbotron text-center  jumbotron-fluid py-0 mb-0  d-print-none" Style="background-color:#FFFFFF" runat="server">
  <div runat="server">
    <div runat="server">
      <body>
      <!-- Begin Site Header -->
      <div>Test Site Header</div>
      <!-- End Site Header -->
      </body>
      </html></body>
    </div>
  </div></section>
...

此代码&#34;工作&#34;从某种意义上说,该元素在页面上看起来正确,但显然是不正确的。现有正文中包含<body>个标记,</html>不应包含多个</body>标记。

我知道这是不正确的,我们的团队知道这是不正确的,但它并不是我们领导的优先考虑因素,因为它目前运作良好&#34;在浏览器中(Firefox,Chrome,Edge ...)。

除了不正确之外,有哪些例子不起作用?

1 个答案:

答案 0 :(得分:1)

HTML页面上只能有一个<html>代码和一个<body>代码。浏览器非常宽容,往往会忽略无效的HTML。但是,浏览器可能会产生不必要的或不同的结果。

使用HTML验证程序(例如W3C Markup Validator)检查标记有效性。这应该是使用的标准。您可以准确查看相关HTML的错误和警告。