0

我正试图加入 HTML5 的潮流，因为它得到了更多的覆盖并且是一个成熟的规范。

而不是为此使用 div 标签：

<div class="page-item">
    <h2>Google rumored to purchase WhatsApp for $1 Billion dollars.</h2>

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi 
        in felis nisi, quis vulputate odio. Proin eu est dolor, non 
        feugiat dui. Cras tristique, arcu nec adipiscing varius, nibh 
        dolor fermentum nibh, in elementum justo dolor et enim. Nullam 
        libero dui, tristique ut pulvinar at, consequat malesuada nisl. 
        Vestibulum sed elit purus, id posuere neque. Pellentesque luctus 
        libero quis risus ullamcorper sollicitudin. Pellentesque dictum, 
        est et blandit placerat, mi erat tempus diam, et aliquet ipsum felis 
        sit amet risus. Proin pretium accumsan tincidunt. Pellentesque vel 
        tortor lacus, sit amet aliquam mi. Donec tincidunt ullamcorper 
        molestie.</p>
</div>

我想使用一个section标签：

<section>
    <h2>Google rumored to purchase WhatsApp for $1 Billion dollars.</h2>

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi 
        in felis nisi, quis vulputate odio. Proin eu est dolor, non 
        feugiat dui. Cras tristique, arcu nec adipiscing varius, nibh 
        dolor fermentum nibh, in elementum justo dolor et enim. Nullam 
        libero dui, tristique ut pulvinar at, consequat malesuada nisl. 
        Vestibulum sed elit purus, id posuere neque. Pellentesque luctus 
        libero quis risus ullamcorper sollicitudin. Pellentesque dictum, 
        est et blandit placerat, mi erat tempus diam, et aliquet ipsum felis 
        sit amet risus. Proin pretium accumsan tincidunt. Pellentesque vel 
        tortor lacus, sit amet aliquam mi. Donec tincidunt ullamcorper 
        molestie.</p>
</section>

我需要应用什么样的样式才能使这个section标签尽可能地适用于老式浏览器？（IE7以上）

4

2 回答 2

1

首先，我认为您应该将其<h1>用作 的第一个标题<section>，尽管有人可以纠正我。

IE8- 根本不支持这些标签，并且会忽略与它们相关的任何样式。有两个相当简单的解决方案。一是添加

document.createElement('section');

在<section>元素出现之前。然后，IE 出于某种原因应用了这些样式。有很多 HTML5 shims/shivs 可以为所有新元素执行此操作。

如果您不能依赖 JS 或者由于某种原因不想这样做，您可以始终保留<div>for 样式并只保留<section>for 语义。拥有 there 并没有什么坏处，<div>因为它除了对元素进行分组之外没有任何语义意义，the<section>也有。

于 2013-04-07T17:00:34.630 回答
0

就样式（即 CSS）而言，您只需对特定的 HTML5 元素进行基本重置，如下所示：section{display: block;}

但是，为了让旧版浏览器（例如 IE7）真正将新元素识别为确实是元素，您需要将它们注册为这样。做这件事的简短、简单且明确的方法是通过 Javascript，通过document.createElement("section");在页面的<head>.

您可以在HTML5 Starter Pack中找到以上所有内容，该包旨在帮助开发人员启动他们的 HTML5 项目。

干杯!

于 2013-04-07T17:01:48.770 回答