浏览器生成空段，HTML源中无源

Question

我的网站包含一个表格

<div class="row">
    <div class="col-sm-12">
        <div class="panel panel-default">
            <div class="panel-heading">Alpha Beta Gamma Delta</div>
            <table class="panel-body table table-bordered">
                <tbody>
                    <tr>
                        <td>Some Text</td>
                        <td><p><a href="https://example.com">A Link</a></p>
                        <p><a href="https://example.com">Another Link</a></td></p>
                    </tr>                           
                </tbody>
            </table>
        </div>
    </div>
</div>

由于某种原因，表内容上方有一个空行： 源代码不包含此代码，但是在开发人员工具中将源代码作为Firefox和chrome显示时，显然在表主体之前插入了一个空<p></p>。

该段似乎毫无理由地突然出现。为什么？

Answer 1

魔鬼在于细节：

    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-default">
                <div class="panel-heading">Alpha Beta Gamma Delta</div>
                <table class="panel-body table table-bordered">
                    <tbody>
                        <tr>
                            <td>Some Text</td>
                            <td><p><a href="https://example.com">A Link</a></p>
                            <p><a href="https://example.com">Another Link</a></td></p>
                        </tr>                           
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-default">
                <div class="panel-heading">Alpha Beta Gamma Delta</div>
                <table class="panel-body table table-bordered">
                    <tbody>
                        <tr>
                            <td>Some Text</td>
                            <td><p><a href="https://example.com">A Link</a></p>
                            <p><a href="https://example.com">Another Link</a></p></td>
                        </tr>                           
                    </tbody>
                </table>
            </div>
        </div>
    </div>

区别在于第一个版本实际上不是有效的html：它以<td><p>开头，以</td></p>而不是</p></td>结尾。
奇怪的是，两个浏览器对此的反应都相同。

似乎错误地添加到表中的所有内容都已添加到表中，作为流浪-->，也没有启动对应节目。