Html 浏览器引擎如何工作？

下面是我使用谷歌HTML/CSS指南的HTML测试代码

<table>
    <thead>
      <tr>
        <th>Date
        <th>Country
    <tbody>
      <tr>
        <td>24/07/2018
        <td>Myanmar
      <tr>
        <td>31/06/2018
        <td>France
  </table>

日期
国家
24/07/2018
缅甸
31/06/2018
法国

以下是浏览器对其的解释

<table>
     <thead>
        <tr>
          <th>Date
          </th>
          <th>Country
          </th>
        </tr>
      </thead>
      <tbody>
         <tr>
            <td>24/07/2018
            </td>
            <td>Myanmar
            </td>
         </tr>
          <tr>
            <td>31/06/2018
            </td>
            <td>France
            </td>
          </tr>
       </tbody>
    </table>

日期
国家
24/07/2018
缅甸
31/06/2018
法国

这是我的问题

• 浏览器如何检测关闭标记的缺失以及如何解释它

<table>
     <thead>
        <tr>
          <th>Date
          </th>
          <th>Country
          </th>
        </tr>
      </thead>
      <tbody>
         <tr>
            <td>24/07/2018
            </td>
            <td>Myanmar
            </td>
         </tr>
          <tr>
            <td>31/06/2018
            </td>
            <td>France
            </td>
          </tr>
       </tbody>
    </table>

• 最好不使用闭合元件？如果是，我应该什么时候使用

• 如果不可取，为什么
• 它会影响HTML语义样式的样式设置和添加交互性吗

答案：

这超出了SO的范围，但就像任何编译器检测到打开的东西没有关闭一样。您可以尝试并编程识别有效括号系列的内容，它可能类似

不使用结束元素可能会破坏您的页面，使其无法维护。始终使用结束元素

见第2条

见第2条

浏览器有时可以猜出你的意思（最好说，他们以一种能产生你的意思的方式进行解析），但也可能是错误的。见此：

<div>Hello<span>world

Helloworld

这是：

<div>Hello</div><span>world></span>

Helloworld>

或

Helloworld>

两者都是有效的，浏览器不知道您的意思。如果您真的想了解浏览器应该如何解析HTML，请参阅下面的链接

---

@modu和@kalido:。您可能能够了解浏览器应该如何解析上述行。

可能与@GauthamSrinivasan重复不可能。浏览器有一套规则需要遵循：但我们都知道他们不会以同样的方式遵循。@modu-Yup我很熟悉。我不认为这是列出它们的合适位置，但我将添加您的建议作为参考。@kabanus感谢您分享知识。我会留意资源