HTML表自定义问题

时间:2014-07-04 08:36:18

标签: html html-table

我正在建立我的网站,现在我面临一个小问题: 我想从表中删除**(This one)**单元格,但是我需要将最后一个单元格放在它的位置(因为当我删除第三个<td>时,最后一个移动到它的位置)

有人可以建议做什么吗?对不起,我只是个初学者,也许某处有重复的帖子。

(P.S:我正在使用表格构建网站的布局,是不是很好的选择?)

<table>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>**(This one)**</td>
        <td></td>
    </tr>
</table>

3 个答案:

答案 0 :(得分:2)

请参阅Skip <td> in HTML table

您不应该使用表格来进行网站布局。

答案 1 :(得分:0)

你看这个吗?

<table>
<tr>
    <td>001</td>
    <td>002</td>
</tr>
<tr>       
    <td colspan="2"> 004 </td>
</tr>

答案 2 :(得分:0)

<强> HTML

<table>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>**(This one)**</td>
        <td></td>
    </tr>
</table>

<强> CSS

table { empty-cells: show;}

留空,没有理由在那里放置空格(&nbsp;)。

并且您不应该使用表设计而使用无表设计因为将HTML表的使用限制在其预期和语义目的的优点包括改善信息对更广泛的用户的可访问性,使用各种各样的用户代理。由于大量语义无意义,因此节省了带宽,并且标签从几十页中删除,留下更少但更有意义的标题,段落和列表。布局说明将传输到站点范围的CSS样式表中,可以下载一次并缓存,以便在每个访问者浏览站点时重复使用。站点可以变得更易于维护,因为整个站点只需通过改变特定CSS的标记就可以在一次通过中进行重新设置或重新标记,从而影响依赖于该样式表的每个页面。可以添加新的HTML内容,以便现有的CSS立即将一致的布局规则应用于它,而无需任何进一步的努力。

我也是Table Design的忠实粉丝,但后来我发现无表设计有什么好处?

有很多,其中最重要的是减少HTML有效负载,并且可以灵活地更改布局(通过CSS),而无需更改标记。

他们减少有效负载的一种方法是,样式存储在外部样式表中,并且样式表通常在页面之间共享,缓存真正适应救援。有人可能会争辩说样式表可以与表格一起使用。对;然而,严格使用div进行布局往往会促进使用样式表。

您可以阅读搜索引擎优化(SEO)设计。搜索引擎优化的一个原则是将重要的内容提升到HTML树的顶部,高于导航等相对不重要的东西。基于表格的设计确实无法做到这一点。

应该使用表格的条件是什么?

使用表格显示表格数据。避免它们进行布局。

如何开始?

我是w3schools的粉丝,而且很棒CSS Zen Garden。那些给了我我的开始。