使用表格布局*

Author Avatar
Ninefire 6月 06, 2018
  • 在其它设备中阅读本文章

在很久以前，表格更多的是用来对页面进行布局，但是这种方式早已经被CSS淘汰了。

例：

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>表格布局</title>
</head>

<body>
    <table width="100%" border="1">
        <tr width="100%" height="150px" border="1">
            <td colspan="2"></td>
        </tr>
        <tr width="100%" height="450px" border="1">
            <td width="15%"></td>
            <td width="85%">
                <table width="100%" height="450px" border="1">
                    <tr>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr width="100%" height="100px" border="1">
            <td colspan="2"></td>
        </tr>
    </table>
</body>

</html>

效果 <<戳它！！！

使用表格布局的两大缺点：

  • 层次结构复杂，难以维护
  • 标签没有语义，搜索引擎难以检索

如发现错误请联系我，谢谢你。
本文链接：http://ninefire.tk/HTML&CSS.basics/63.html