的问题：

Question

我写了以下html文档，作为我试图制作的网站的一部分：

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="main.css"/>
    </head>
    <body>
        <table>
            <tr id="header">
                <h1>Header</h1>
            </tr><tr id="body">
                <td id="left">
                    <h1>Left</h1>
                </td><td id="center">
                    <h1>Center</h1>
                </td><td id="right">
                    <h1>Right</h1>
                </td>
            </tr><tr id="footer">
                <h1>Footer</h1>
            </tr>
        </table>
    </body>
</html>

这一切都很好，直到我在浏览器中打开它，此时我显示的页面设置如下（根据＆＃34; Inspect Element＆＃34;）：

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="main.css"/>
    </head>
    <body>
        <h1>Header</h1>
        <h1>Footer</h1>
        <table>
            <tbody>
                <tr id="body">
                    <td id="left">
                        <h1>Left</h1>
                    </td><td id="center">
                        <h1>Center</h1>
                    </td><td id="right">
                        <h1>Right</h1>
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

这当然是放弃我的样式表的效果，为＆＃34;＃header＆＃34;添加适当的值。＆安培; ＆＃34;＃页脚＆＃34;没有分别适用。

的问题：

为什么浏览器给我的代码与我写的代码不同？
如何防止发生的事情发生？

Answer 1

你是否有机会使用html min？尽量包括一个thead＆amp; tbody，那应该解决你的问题

<table>
  <thead>
    <tr>
      <th><h1>Header</h1></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><h1>Left</h1></td>
      <td><h1>center</h1></td>
      <td><h1>right</h1></td>
    </tr>
    <tr>
      <td><h1>footer</h1></td>
    </tr>
  </tbody>
</table>

Answer 2

附上我们的＃34;标题＆＃34;在＆＃34; td＆＃34;。

以下代码可以提供帮助：

    <table>
       <thead>
           <tr> <td colspan="3"> Header  </td>  </tr>  
       </thead>

        <tbody>
        <tr id="body">
            <td id="left">
                <h1>Left</h1>
            </td><td id="center">
                <h1>Center</h1>
            </td><td id="right">
                <h1>Right</h1>
            </td>

        </tr>

        <tr id="footer">
            <td colspan="3">  <h1>Footer</h1> </td>
        </tr>

        </tbody>

HTML＆＃34; Inspect Element＆＃34;显示错误的代码

的问题：

2 个答案: