2013-12-18 96 views
1

我想問一些問題,因爲我真的很困惑爲什麼發生這種情況,瀏覽器調試方法無法告訴我爲什麼會出現這種奇怪的元素添加。在html表格元素中添加了新的元素

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
    <title>Stuff Page</title> 
</head> 
<body> 
    <center> 
     <div> 
      <br/><br/> 
      <form method="POST"> 
       Find Pattern 
       <input type="text" name="pattern" value="" /><input type="submit" value="Find" /> 
       <input type="reset" value="Clear" /> 
      </form> 
     </div> 
    </center> 
    <center> 
    <div> 
     <table> 
      <caption>Table Rendering of Found Data</caption> 
      <thead> 
      <tr> 
       <th scope="col" class="column1">Name<th> 
       <th scope="col">Type</th> 
       <th scope="col">Size</th> 
      </tr> 
      </thead> 
      <tfoot> 
      <tr> 
       <td></td> 
       <td></td> 
       <td></td> 
      </tr> 
      </tfoot> 
      <tbody> 
      </tbody> 
     </table> 
    </div> 
    </center> 
</body> 
</html> 

如果你採取的HTML代碼段,並在瀏覽器中運行它(我用最新的Chrome測試它和FF),它增加了一個更多個元素在表中(最後一頁有4列,而不是3 ),我完全不知道爲什麼會發生這種情況!如果有人能告訴我背後的原因,我會很高興!

回答

4

您沒有關閉標籤。

<th scope="col" class="column1">Name<th>」 最後<th>應該是</th>

+0

有時你可真愚蠢。感謝第二隻眼@ RugerSR9! – jtimz

2

再次檢查這行:

<th scope="col" class="column1">Name<th>