DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> HTML5的初級技巧 之第三課
HTML5的初級技巧 之第三課
編輯:HTML5詳解     

9. 本地存儲

Html5的本地存儲功能,可以讓現代浏覽器“記住”我們輸入的,就算浏覽器關閉和刷新也不會受影響。雖然這個功能有些浏覽器不支持,但是IE8, Safari 4, 還有 Firefox 3.5還是支持這個功能的,你可以測試下。

10. 更有語義的header和footer

下面的代碼在Html5中將不復存在

<div id=header>
     ...
</div>
<div id=footer>
     ...
</div>

通常我們都會給header和footer定義一個div,然後再添加一個id,但是在Html5中可以直接使用<header>和<footer>標簽,所以可以將上面的代碼改寫成:

<header>
    ...
</header>
<footer>
    ...
</footer>

要注意不要將這兩個標簽和網站的頭部和頁腳混淆起來,它們只是代表它們的容器。

11. IE對Html5的支持

IE浏覽器目前對HTML5的支持並不好,也是阻礙Html5的更快普及的一大絆腳石,不過,IE9對Html5的支持度還是很不錯的。

IE把Html5新增的標簽都解析成內聯元素,而實際上它們是塊級元素,所以有必要為它們定義一個樣式:

header, footer, article, section, nav, menu, hgroup {
   display: block;
}

盡管如此,IE還是不能解析這些新增的Html5標簽,這個時候就需要借助Javascript來解決這個問題:

document.createElement("article");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("nav");
document.createElement("menu");

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved