2011-11-14 4 views
0

を許可していない私は、以下に示すXHTML文書(簡潔のため図示関連部分のみ)でテーブルを作成しようとしています:ドキュメントタイプには、ここに/「TD」「番目の」

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head></head> 
    <body> 
     <table class="dataTable"> 
     <tfoot><tr><td class="tableFooter" colspan="4"><span>&copy;&nbsp;example.com</span></td></tr></tfoot> 
     <tbody> 
      <tr id = "firstRowHeader"> 
       <th class="rowLabel">&nbsp; 
       <th class ="rowCol colHeader">ABC 
       <th class ="rowCol colHeader">CDE 
       <th class ="rowCol colHeader">EFG 
      <tr><td class ="rowCategory" colspan ="4">Foo 
      <tr><td class="rowLabel" 
       <td class ="rowCol cellDataDown">-0.01% 
       <td class ="rowCol cellDataNoChange">0.09% 
       <td class ="rowCol cellDataNoChange">717.79 
      <tr><td class="rowLabel" 
       <td class ="rowCol cellDataUp">0.00% 
       <td class ="rowCol cellDataNoChange">0.08% 
       <td class ="rowCol cellDataNoChange">1,032.02 
      <tr><td class="rowLabel" 
       <td class ="rowCol cellDataUp">-0.04% 
       <td class ="rowCol cellDataNoChange">0.03% 
       <td class ="rowCol cellDataNoChange">819.17 
      <tr><td class="rowLabel" 
       <td class ="rowCol cellDataUp">-0.03% 
       <td class ="rowCol cellDataNoChange">0.05% 
       <td class ="rowCol cellDataNoChange">877.45 
      <tr><td class="rowLabel" 
       <td class ="rowCol cellDataUp">-0.00% 
       <td class ="rowCol cellDataNoChange">0.09% 
       <td class ="rowCol cellDataNoChange">991.57 
      <tr><td class="rowLabel" 
       <td class ="rowCol cellDataUp">-0.02% 
       <td class ="rowCol cellDataNoChange">0.05% 
       <td class ="rowCol cellDataNoChange">835.42 
      <tr><td class="rowLabel" 
       <td class ="rowCol cellDataUp">0.00% 
       <td class ="rowCol cellDataNoChange">0.05% 
       <td class ="rowCol cellDataNoChange">1,002.40 
      <tr><td class="rowLabel" 
       <td class ="rowCol cellDataDown">-0.01% 
       <td class ="rowCol cellDataNoChange">0.05% 
       <td class ="rowCol cellDataNoChange">860.27 
     </tbody> 
     </table> 

    </body> 
</html> 

私はこれを実行すると、 docをw3cバリデーターを通して、私は様々なエラーをいくつか持っています - ドキュメントタイプはここで 'th'(または 'td')を許可しません。誰かがこれを修正する方法を指摘できますか?

+0

XHTMLは終了タグが必要です。あなたは例が

.... <th><td><tr>タグを閉じる必要があります! –

答えて

6

<td>または<tr>のいずれかのタグを</tr>または</td>で終了していません。また、<td>タグのすべてをオフにしています(>)。

+0

私は謝った、私は私の代わりにあなたの答えを編集したことを理解していなかった。私はそれをロールバックした。 – doctorless

+0

それは大丈夫です、歓声。 – slugonamission

0

<td><tr>のタグを閉じていませんでした。

0

あなたはタグを閉じていません。各<th><td>にはそれぞれ</th></td>が必要です。あなたは各行の最初の<td>を閉じることはありません

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head></head> 
    <body> 
     <table class="dataTable"> 
     <tfoot><tr><td class="tableFooter" colspan="4"><span>&copy;&nbsp;example.com</span></td></tr></tfoot> 
     <tbody> 
      <tr id = "firstRowHeader"> 
       <th class="rowLabel">&nbsp;</th> 
       <th class ="rowCol colHeader">ABC</th> 
       <th class ="rowCol colHeader">CDE</th> 
       <th class ="rowCol colHeader">EFG</th> 
      </tr> 
      <tr><td class ="rowCategory" colspan ="4">Foo</td></tr> 
      <tr><td class="rowLabel"></td> 
       <td class ="rowCol cellDataDown">-0.01%</td> 
       <td class ="rowCol cellDataNoChange">0.09%</td> 
       <td class ="rowCol cellDataNoChange">717.79</td> 
      </tr> 
      <tr><td class="rowLabel"></td> 
       <td class ="rowCol cellDataUp">0.00%</td> 
       <td class ="rowCol cellDataNoChange">0.08%</td> 
       <td class ="rowCol cellDataNoChange">1,032.02</td> 
      </tr> 
      <tr><td class="rowLabel"></td> 
       <td class ="rowCol cellDataUp">-0.04%</td> 
       <td class ="rowCol cellDataNoChange">0.03%</td> 
       <td class ="rowCol cellDataNoChange">819.17</td> 
      </tr> 
      <tr><td class="rowLabel"></td> 
       <td class ="rowCol cellDataUp">-0.03%</td> 
       <td class ="rowCol cellDataNoChange">0.05%</td> 
       <td class ="rowCol cellDataNoChange">877.45</td> 
      </tr> 
      <tr><td class="rowLabel"></td> 
       <td class ="rowCol cellDataUp">-0.00%</td> 
       <td class ="rowCol cellDataNoChange">0.09%</td> 
       <td class ="rowCol cellDataNoChange">991.57</td> 
      </tr> 
      <tr><td class="rowLabel"></td> 
       <td class ="rowCol cellDataUp">-0.02%</td> 
       <td class ="rowCol cellDataNoChange">0.05%</td> 
       <td class ="rowCol cellDataNoChange">835.42</td> 
      </tr> 
      <tr><td class="rowLabel"></td> 
       <td class ="rowCol cellDataUp">0.00%</td> 
       <td class ="rowCol cellDataNoChange">0.05%</td> 
       <td class ="rowCol cellDataNoChange">1,002.40</td> 
      </tr> 
      <tr><td class="rowLabel"></td> 
       <td class ="rowCol cellDataDown">-0.01%</td> 
       <td class ="rowCol cellDataNoChange">0.05%</td> 
       <td class ="rowCol cellDataNoChange">860.27</td> 
      </tr> 
     </tbody> 
     </table> 

    </body> 
</html> 
0

:これは、それがどのように見えるかです。また


<tr><td class="rowLabel"> 

<tr><td class="rowLabel" 

を変更して、あなたのタグ要素を閉じる必要があります。表は次のようになります。

<table> 
<tr><th>header</th></tr> 
<tr><td>content</td></tr> 
</table> 
0

文書の形式が正しくありません。

<tr id = "firstRowHeader"> 
    <th class="rowLabel">&nbsp;</th> 
    <th class ="rowCol colHeader">ABC</th> 
    <th class ="rowCol colHeader">CDE</th> 
    <th class ="rowCol colHeader">EFG</th> 
</tr> 
0

<body> 
    <table class="dataTable"> 
    <thead> 
     <tr id = "firstRowHeader"> 
      <th class="rowLabel">&nbsp;</th> 
      <th class ="rowCol colHeader">ABC</th> 
      <th class ="rowCol colHeader">CDE</th> 
      <th class ="rowCol colHeader">EFG</th> 
     </tr> 
    </thead> 
    <tfoot> 
    <tr> 
     <td class="tableFooter" colspan="4"><span>&copy;&nbsp;example.com</span></td> 
    </tr> 
    </tfoot> 
    <tbody> 
     <tr> 
     <td class ="rowCategory" colspan ="4">Foo</td> 
     </tr> 
     <tr><td class="rowLabel"></td> 
      <td class ="rowCol cellDataDown">-0.01%</td> 
      <td class ="rowCol cellDataNoChange">0.09%</td> 
      <td class ="rowCol cellDataNoChange">717.79</td> 
     </tr> 
     <tr><td class="rowLabel"></td> 
      <td class ="rowCol cellDataUp">0.00%</td> 
      <td class ="rowCol cellDataNoChange">0.08%</td> 
      <td class ="rowCol cellDataNoChange">1,032.02</td> 
     </tr> 
     <tr><td class="rowLabel"/> 
      <td class ="rowCol cellDataUp">-0.04%</td> 
      <td class ="rowCol cellDataNoChange">0.03%</td> 
      <td class ="rowCol cellDataNoChange">819.17</td> 
     </tr> 
     <tr><td class="rowLabel"></td> 
      <td class ="rowCol cellDataUp">-0.03%</td> 
      <td class ="rowCol cellDataNoChange">0.05%</td> 
      <td class ="rowCol cellDataNoChange">877.45</td> 
     </tr> 
     <tr><td class="rowLabel"/> 
      <td class ="rowCol cellDataUp">-0.00%</td> 
      <td class ="rowCol cellDataNoChange">0.09%</td> 
      <td class ="rowCol cellDataNoChange">991.57</td> 
     </tr> 
     <tr><td class="rowLabel"/> 
      <td class ="rowCol cellDataUp">-0.02%</td> 
      <td class ="rowCol cellDataNoChange">0.05%</td> 
      <td class ="rowCol cellDataNoChange">835.42</td> 
     </tr> 
     <tr><td class="rowLabel"></td> 
      <td class ="rowCol cellDataUp">0.00%</td> 
      <td class ="rowCol cellDataNoChange">0.05%</td> 
      <td class ="rowCol cellDataNoChange">1,002.40</td> 
     </tr> 
     <tr><td class="rowLabel"></td> 
      <td class ="rowCol cellDataDown">-0.01%</td> 
      <td class ="rowCol cellDataNoChange">0.05%</td> 
      <td class ="rowCol cellDataNoChange">860.27</td> 
     </tr> 
    </tbody> 
    </table> 

</body>