私のhtmlテーブルの余分な空白の代替行

単純なテーブルを作成し、私は何か変わった行とjavascriptで何かをしようとしていたときに奇妙なことに気付きました。 FirefoxとChromeでインスペクタのページを見ると、それぞれの行の間に余分な行があることに気付きました。それは、私がCSSやJSのないテーブルを持っているだけでもそれをします。私のhtmlテーブルの余分な空白の代替行

私はこの問題を解決することができますが、私はちょうど彼らがなぜそこにいるのだろうと思っています。

これは私のページです：

<!doctype html> 
<html lang=en> 
    <head> 
      <meta charset=utf-8> 
      <title>table test</title> 
    </head> 
    <body> 
     <table> 
      <tr> 
       <th>title 01</th> 
       <th>title 02</th> 
      </tr> 
      <tr> 
       <td>thing 01</td> 
       <td>attribute 01</td> 
      <tr> 
      <tr> 
       <td>thing 02</td> 
       <td>attribute 02</td> 
      <tr> 
      <tr> 
       <td>thing 03</td> 
       <td>attribute 03</td> 
      <tr> 
     </table> 
    </body> 
</html>

このコードはFirefoxのインスペクタで次のようになります。第二、第三及び第四行の

出典

2017-03-21 lomokev

あなたは開口部を使用しています<tr>閉鎖を使用する必要があります</tr>

<!doctype html> 
 
<html lang=en> 
 
    <head> 
 
      <meta charset=utf-8> 
 
      <title>table test</title> 
 
    </head> 
 
    <body> 
 
     <table> 
 
      <tr> 
 
       <th>title 01</th> 
 
       <th>title 02</th> 
 
      </tr> 
 
      <tr> 
 
       <td>thing 01</td> 
 
       <td>attribute 01</td> 
 
      </tr> <!-- CHANGED TO CLOSING </tr> --> 
 
      <tr> 
 
       <td>thing 02</td> 
 
       <td>attribute 02</td> 
 
      </tr> <!-- CHANGED TO CLOSING </tr> --> 
 
      <tr> 
 
       <td>thing 03</td> 
 
       <td>attribute 03</td> 
 
      </tr> <!-- CHANGED TO CLOSING </tr> --> 
 
     </table> 
 
    </body> 
 
</html>

出典

2017-03-21 15:36:58 APAD1

ありがとう@ APAD1私は愚かな気がしません。元のテーブルはループによって生成されたので、ヘッダー行には表示されません。 – lomokev

心配はありません、私たちの最高のことが起こります！ – APAD1

私のhtmlテーブルの余分な空白の代替行

答えて

関連する問題