我是否需要爲向後兼容性設計節標籤？

我試圖跳過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起）

來源

2013-04-07 sergserg

至於造型，那就是CSS，而言，你只需要做具體的HTML5元素的基本復位，像這樣：section{display: block;}

但是，爲了使舊的瀏覽器，如IE7例如，實際確實認識到新元素是元素，你需要註冊它們。簡單，簡單，當然也可以通過Javascript，在頁面的<head>的腳本聲明中添加document.createElement("section");。

以上所有東西都可以作爲HTML5 Starter Pack的一部分找到，它旨在幫助開發人員啓動他們的HTML5項目。

乾杯！

來源

2013-04-07 17:01:48

誰低估了你，爲什麼？ – sergserg 2013-04-07 17:08:12

我不知道。但是，嘿，你知道那句老話：仇敵會討厭！ :)沒關係，無論如何，只是希望你得到了你正在尋找的答案。 – 2013-04-07 17:19:48

首先，我認爲你應該使用<h1>作爲<section>第一頭，雖然有人可以糾正我。

IE8-根本不支持這些標籤，並且會忽略任何與它們相關的樣式。有兩個相當簡單的解決方案。一種是添加

document.createElement('section');

在出現<section>元素之前。然後，IE出於某種原因應用樣式。有很多HTML5墊片/ shivs可以滿足所有新元素。

如果你不能依賴JS或不想因爲某種原因而這樣做，你可以始終保持<div>的樣式，並且只保留<section>的語義。它不會傷害到<div>那裏，因爲它除了分組元素之外沒有其他語義，<section>也是。

來源

2013-04-07 17:00:34

「h1」標籤保留給文檔的主標題。由於我打算在單個文檔中包含許多這些部分，因此使用'h2'更有意義。 – sergserg 2013-04-07 17:07:23

@Serg你確定嗎？閱讀本節：http://www.w3.org/html/wg/drafts/html/master/sections.html#headings-and-sections – 2013-04-07 17:09:06

我是否需要爲向後兼容性設計節標籤？

回答

相關問題