Question

如何在浏览器中显示p标签：

代码：

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
                <title>test</title>
      <link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
      <link rel="stylesheet" type="text/css" href="stylesheets/jquery.fancybox.css" />
      <link rel="icon" href="../img/favicon.png" type="image/png" />

</head>
<body>
    <div id="wrapper">
        <header>    
            <div>
                <a href="../index.html" title="test">
                    <img src="../img/logo.png" alt="Logo" />
                </a>
            </div>
        </header>

        <article> 
<p>testestest</p>
<p>testestest</p>
<p>testestest</p>
        </article>
</div>
</body>
</html>

客户告诉我文字没有显示。我会问她正在使用的浏览器，但我不知道为什么这不起作用。

它适用于我使用的每个浏览器，HTML验证器没有显示错误或警告。有人提示吗？

Answer 1

这是由于某些关于HTML5元素的IE怪癖造成的吗？ IE6以其无法识别的任何标记名生成错误的DOM而闻名。错误的DOM不会将<p>视为<article>的子项，而是类似于：

<article>
<p>....</p>
</article>

...这些是保存级别的三个元素（What？！），结束标记</article>本身就算作一个元素（Wat？！）。这可以打破很多东西，包括你的CSS。

在这种情况下，您可以尝试html5shiv。

Answer 2

客户可能正在使用不支持<article>标记的IE8或其他过时的浏览器，从而导致其中的<p>标记出现问题。

<article>标记上的W3Schools页面列出了支持该标记的最早浏览器版本。

HTML p标记没有显示

2 个答案: