Html 页面不显示内容答案

【问题标题】：Html page doesn't display the contentHtml 页面不显示内容
【发布时间】：2015-05-27 21:27:06
【问题描述】：

我正在建立一个网站，这是我的 index.html 页面的 HTML 代码。

<html>
    <table>
        <tr>
            <td>Watch on</td>
            <td>Youtube</td>
        </tr>
        <tr>
            <td>Channel</td>
            <td>jonathanlootens</td>
        </tr>
        <tr>
            <td>video title</td>
            <dt>Mickey en de stomende drol</td>
        </tr>
        <tr>
            <td>link</td>
            <td>https://www.youtube.com/watch?v=a3leCIk2eyQ</td>
        </tr>
    </table>
</html>

查看 sn-p 代码。

当我在我的网络浏览器应用程序中打开 index.html 页面时，我只看到一个白色页面，什么都没有。当我使用 devtools 打开 Internet Explorer 时，我没有看到任何错误。

【问题讨论】：

内容存在于 <body></body> 中 - 您应该看一些介绍性示例
哦，我明白了，奇怪的是 Internet Explorer 没有显示任何错误
See this
如果您将 HTML 放入 W3C validator，它会告诉您它是否有效
@AlexK。为什么？解释是完美的还是我们应该只在 SO 中发布官方参考？

标签： html internet-explorer html-table

【解决方案1】：

我认为这是您入门的好链接HTML Table CSS Tricks。

无论如何，您的代码示例有很多问题。

没有<!DOCTYPE>
您没有<body>
您没有表格标题<thead> 也没有<th>
你没有表体<tbody>

【讨论】：

1) doctype 是一个非常非常好的东西，但它不是强制。 2) 对。 3）根本不需要。 4）它不是必需的。所以答案最终只是“把它放在body标签内”。
@AdrianoRepetti 要回答直接的问题，是的。至于为某人提供全面的 HTML 知识，我认为只告诉他们缺少<body> 标签是不负责任的。我希望你继承这家伙的代码，如果你认为我们应该提供尽可能少的知识，就必须处理它
我同意 1) 但第 3) 和 4) 点是错误的。拥有或不拥有<tbody> 和<thead>（甚至只是<th>）与他的问题完全无关，它不是无效或奇怪的HTML（我会说它完全有效，甚至很好） .如果您建议始终使用<tbody>（以及<thead>和<th>），那么您也可以解释原因（它们不是可选的结束标签，可以省略但你会让 code 的可读性降低）。

【解决方案2】：

将您的内容包装在

中

<body></body>

标签，看看是否有帮助。

<html>
    <body>
        <table>
            <tr>
                <td>Watch on</td>
                <td>Youtube</td>
            </tr>
            <tr>
                <td>Channel</td>
                <td>jonathanlootens</td>
            </tr>
            <tr>
                <td>video title</td>
                <td>Mickey en de stomende drol</td>
            </tr>
            <tr>
                <td>link</td>
                <td>https://www.youtube.com/watch?v=a3leCIk2eyQ</td>
            </tr>
        </table>
    </body>
</html>

【讨论】：

【解决方案3】：

有很多错误，但是没有标签会阻止您的内容显示。试试：

<html>
<body>
    <table>
        <tr>
            <td>Watch on</td>
            <td>Youtube</td>
        </tr>
        <tr>
            <td>Channel</td>
            <td>jonathanlootens</td>
        </tr>
        <tr>
            <td>video title</td>
            <td>Mickey en de stomende drol</td>
        </tr>
        <tr>
            <td>link</td>
            <td>https://www.youtube.com/watch?v=a3leCIk2eyQ</td>
        </tr>
    </table>
</body>

我建议您查看 Code Academy (http://www.codecademy.com/) 以提高您的技能。这是一个很棒的免费网站，提供教程并教授 Web 开发的基础知识。

【讨论】：

【解决方案4】：

不用加代码，有语法错误<dt>Mickey en de stomende drol</td> </td> 没有有效的 <td> 您的标签名称拼写错误

【讨论】：