th标签误用导致HTML表格异常问题咨询

嘿，这个问题其实是因为你混淆了HTML表格里<th>和<tr>的角色啦！我来给你拆解清楚：

核心问题：<th>的正确用法 #

<tr>是表格行元素，用来定义表格里的一行；而<th>是表头单元格元素，只能作为<tr>的子元素存在，用来表示这一行里的表头单元格——它根本不是用来代替<tr>当行用的！

你在异常代码里直接把主表格的<tr>换成了<th>，这完全违反了HTML的结构规范。浏览器为了让页面能正常显示，会启动自动纠错机制，尝试修复无效的DOM结构，UC Browser里多出的那个<td>就是浏览器纠错的结果（不同浏览器的纠错逻辑可能略有不同，但都会破坏你原本的布局）。

正确的写法 #

如果你想让主表格的第一行是表头样式，应该把第一行里的<td>换成<th>，同时保留外层的<tr>：

<table width="100%">
  <tr>
    <th align="center" width="50%"><b>FIRST DEGREE PROGRAMMES (AIDED PROGRAMMES)</b></th>
    <th align="center" width="50%"><b>FIRST DEGREE PROGRAMMES (UNAIDED PROGRAMMES)</b></th>
  </tr>
  <tr>
    <td valign="top">
      <table border="1" style=" border-collapse: collapse;">
        <tr>
          <th width="5%">No</th>
          <th width="10%">DEGREE</th>
          <th width="30%">PROGRAMME</th>
          <th width="55%">COMPLEMENTARY COURSE</th>
        </tr>
        <tr>
          <td>1</td>
          <td>B.Sc</td>
          <td>Botany &amp; Biotechnology</td>
          <td>1. Biochemistry</td>
        </tr>
        <tr>
          <td>2</td>
          <td>B.Com</td>
          <td>Commerce</td>
          <td>1. Finance/Computer Applications/Co-operation (Electives)</td>
        </tr>
      </table>
    </td>
    <td valign="top">
      <table border="1" style=" border-collapse: collapse;">
        <tr>
          <th width="5%">No</th>
          <th width="10%">DEGREE</th>
          <th width="30%">PROGRAMME</th>
          <th width="55%">COMPLEMENTARY COURSE</th>
        </tr>
        <tr>
          <td>1</td>
          <td>B.Com</td>
          <td>Commerce</td>
          <td>1. Finance (Electives)</td>
        </tr>
        <tr>
          <td>2</td>
          <td>B.Com</td>
          <td>B.Com Accounts &amp; Audit (Self Financing) </td>
          <td>1. Accounts &amp; Audit (Electives)</td>
        </tr>
      </table>
    </td>
  </tr>
</table>

甚至你可以去掉<b>标签，因为<th>默认就会有加粗、居中的样式，能达到同样的视觉效果。

总结 #

记住表格的层级结构永远是：<table> → <tr>（行）→ <td>/<th>（单元格），别把单元格元素当成行来用，这样就不会触发浏览器的纠错行为，布局也就正常啦！

内容的提问来源于stack exchange，提问作者Arun Sudhakaran