2014-01-07 41 views
-8

<TR class="bcgrndClr"> <span class="Title"> My title </span> </TR>是否有必要把​​内<tr>

我写这部分,但背景颜色没有在Chrome和其他浏览器的到来,其中如“IE”工作的罚款。

因此是有必要的<td><span> 放或我应该去<th>而不是<tr>

,或者我应该怎么回事得标题(有一些条件),以这种特殊的表

+14

不要偷懒。编写有效的HTML。 –

+0

是的,如果你想要有效的HTML它的必要。有什么大不了的?这是一个额外的9个字符... – BenM

+0

''不能代替''。 http://www.w3schools.com/tags/tag_th.asp – lurker

回答

2

TH和TD是可互换的,但不是TH和TR。这就是我至少如何使用它。

,你可以这样做:

<tr><td colspan="2"><span>Hello World</span></td></tr> 

合并单元格是用来做跨多个行元素一个TD元素舒展。

0

是的,你需要<td>。如果您编写无效的HTML,浏览器仍会尝试渲染表格,但浏览器之间的渲染效果不一致。

<th>可以代替<td>如果单元格是标题单元格。它不是而是代替总是需要的<tr>

您可以随时检查HTML5 spec,如果你有任何疑问哪些元素是必需的,哪些是可选:

tr元素代表了一个表中的细胞的一行。允许 内容零个或多个:一个TD元素,或者一个第i个元素

0

根据规范,一个tr可以包含thtd元件。正如其他人所说,不偷懒,写一些额外的字符,让您的HTML有效

0

如果你看一下HTML 4 specHTML5 Spec,你会看到

HTML 4:

<!ELEMENT TR  - O (TH|TD)+  -- table row --> 
<!ATTLIST TR       -- table row -- 
    %attrs;        -- %coreattrs, %i18n, %events -- 
    %cellhalign;       -- horizontal alignment in cells -- 
    %cellvalign;       -- vertical alignment in cells -- 
    > 

HTML5:

4.9。8 tr元素

内容模型:零个或多个 TD,th,并且脚本的支撑元件

通知的THTD?这些是允许的唯一两个子元素。

将一个invald元素添加到TR时会发生什么情况取决于浏览器。有些人会试图弄清楚你正在做什么,其他人会从流程中删除它,然后添加它。编写有效的代码,以便浏览器不必猜测。

由于您拥有一类标题,因此您似乎不应该使用一行。如果你想在表格上标题行,你想使用<caption>元素。

从MDN:

的HTML <caption>元素(或HTML表标题元素)表示 一个表的标题。虽然它始终是 <table>的第一个后代,但它的样式(使用CSS)可能会将其放置在其他地方,相对于表格 。

基本用法:

<table summary="Description Text"> 
    <caption>My Table Of Numbers</caption> 
    <thead> 
     <tr> 
      <th>C 1</th> 
      <th>C 2</th> 
      <th>C 3</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>1-1</td> 
      <td>1-2</td> 
      <td>1-3</td> 
     </tr> 
     <tr> 
      <td>2-1</td> 
      <td>2-2</td> 
      <td>2-3</td> 
     </tr> 
    </tbody> 
    <tfoot> 
     <tr> 
      <th>C 1</th> 
      <th>C 2</th> 
      <th>C 3</th> 
     </tr> 
    </tfoot> 
</table> 

的jsfiddle:http://jsfiddle.net/vM688/

0

使用

<table> 
    <thead> 
     <tr> 
      <!-- text b/w <th></th> will bold and center aligned by default --> 
      <th> You title here </th> 
     </tr> 
    </thead> 
    <tbody> 
     <!-- Content of you table here --> 
    </tbody> 
</table> 
+0

对不起,但它是必要的。 – Preet

0

一个td标签代表表中的数据而tr标签是一个表行。 因此,您在HTML中创建一行,然后向其中添加一个td,您添加的tds数决定了该行中的列数。 第th标签代表可以连续使用的表格标题。

如果您在td中添加span标签,则会显示背景颜色。您的代码将看起来有点像这样:

<table><tr class="bg-color"><td><span class="title">My title</span></td></tr></table> 

而CSS应该像:

.bg-color{background:#ff0000;}