0

我正在使用 HTML 标签构建一个简单的表格。源代码是这样的:

<table class="tableClass">
    <thead>
        <tr>
            <th>Column Header</th>
            <th>Column Header</th>
        <tr>
    </thead>
    <tbody>     
            <tr>
                <td>Column Data</td>
                <td>Column Data</td>
            </tr>       
    </tbody>
</table>

当我在 Head 部分的 Browser 中尝试该表时,它似乎是一个空行。我在 Firefox 和 Chrome 中尝试过,调试器输出如下:

   <table class="tableClass">
        <thead>
            <tr>
                <th>Column Header</th>
                <th>Column Header</th>
            <tr>
            <tr></tr>
        </thead>

该空行没有出现在代码中的任何位置,但调试器似乎找到了它。有什么想法可以从哪里来?它与表格样式有关吗?

4

3 回答 3

1

你没有关闭<tr>你的<thead>

<thead>
    <tr>
        <th>Column Header</th>
        <th>Column Header</th>
    </tr> <!-- here -->
</thead>
于 2012-10-24T15:08:50.927 回答
1

<thead>你没有关闭<tr>只是制作一个新的。

<table class="tableClass">
    <thead>
        <tr>
            <th>Column Header</th>
            <th>Column Header</th>
        <tr> <!-- NOT CLOSED! -->
    </thead>
    <tbody>     
            <tr>
                <td>Column Data</td>
                <td>Column Data</td>
            </tr>       
    </tbody>
</table>

如果您验证您的 HTML,您将避免这些错误。

于 2012-10-24T15:08:51.410 回答
0
<table class="tableClass">
    <thead>
        <tr>
            <th>Column Header</th>
            <th>Column Header</th>
        <tr> //NOT CLOSED
    </thead>

关闭表格行:)

于 2012-10-24T15:09:31.210 回答