Question

<TR class="bcgrndClr"> <span class="Title"> My title </span> </TR>

我写了这个部分，但是背景颜色并没有出现在chrome和其他浏览器中，在“IE”中工作得很好。

所以有必要在<td>之前加<span> 或者我应该去<th>而不是<tr>

或者我应该如何给这个特定的表格提供标题（有些条件）

Answer 1

TH和TD是可互换的，但不是TH和TR。多数民众赞成我至少如何使用它。

你可以这样做：

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

colspan用于使TD元素跨越多个行元素。

Answer 2

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

如果单元格是标题单元格，则

<th>可以取代<td>。它不取代<tr>总是需要的地方。

如果您对哪些元素是必需的以及哪些元素是可选的有疑问，您可以随时查看HTML5 spec：

tr元素表示表格中的一行单元格。允许 contents零个或多个：一个td元素，或一个元素

Answer 3

根据规范，tr只能包含 th和td元素。正如其他人所说，不要懒惰并写几个额外的字符以使你的HTML有效

Answer 4

如果您查看HTML 4 spec或HTML5 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和脚本支持元素

注意TH和TD？这是允许的唯一两个子元素。

向TR添加invald元素时会发生什么情况取决于浏览器。有些人会试图找出你在做什么，其他人会将其从流程中删除并在之后添加。编写有效代码，以便浏览器不必猜测。

由于你有一个标题类，看起来你不应该使用一行。如果您想在表格上使用标题行，则需要使用<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/

Answer 5

使用

<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>

Answer 6

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;}

是否有必要将内部放入

6 个答案: