📜  如何检查 HTML 中的错误?

📅  最后修改于: 2022-05-13 01:56:30.981000             🧑  作者: Mango

如何检查 HTML 中的错误?

HTML5 很容易理解,在浏览器显示之前不会被编译成不同的形式。

在任何代码中,都可能出现 2 种类型的错误:

  1. 语法错误:不正确的语法导致其他语言的编译时错误。HTML 对语法错误没有影响。
  2. 逻辑错误:语法正确,但由于逻辑错误,输出意外。

在 HTML 中,我们永远不会遇到语法错误,因为浏览器会允许解析 HTML,这意味着即使有任何语法错误,页面也会显示出来。浏览器有一些内置规则来显示不正确的 HTML。因此总会有一些输出,即使它不是预期的。

浏览器解析 HTML 的方式比其他编程语言的运行方式要宽松得多,这会导致好的(内容被显示)和坏的情况(内容以意想不到的方式显示)。

在下面的示例中,存在一些语法错误,例如不完整的 p 标签、不完整的 h1 标签,但它仍然以预期的方式显示了一些内容。在这种情况下,最初的 p 标签和 h1 标签,但下一个 p 标签显示为 h1。这些场景在小代码中很容易识别和避免,但是当代码长度增加时,调试代码会很复杂。

例子:

HTML


  

    HTML errors

   

    

HTML errors

    

unclosed paragraph tag      

its displaying the way it is intended     

but it may lead to next unexpected thing   



HTML



    Page Title


    

Welcome To GFG

    

Default code has been loaded into the Editor.



输出:

验证我们的 HTML:为了确保您的 html 代码没有错误,请使用 w3c 的 html 验证服务。该站点将 html 作为输入,并在 html 文档中返回错误。您可以通过提供 html 文档的链接、上传 html 文件或直接粘贴 html 来提供 html。

W3C 接口

示例:让我们尝试直接粘贴 html。这是上面给出的代码的结果。 HTML 中的错误被突出显示,所以现在我们可以在 html 中进行相应的更改并使其无错误。

错误

无错误的 HTML 如下所示。

HTML




    Page Title


    

Welcome To GFG

    

Default code has been loaded into the Editor.