DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> 初學HTML5請放下包袱,它很容易!
初學HTML5請放下包袱,它很容易!
編輯:HTML5詳解     

現在網上己經有了很我html5學習的文章以前實例代碼,為了學習Html5我們要開始收集學習那麼多的資料太繁鎖了,在這篇文章裡,我們把一些基本的Html5合並凝聚在一起,方便我們再方便的在學習在使用。

Internet Explorer不支持Html5。辛好我們有其他辦法解決,那麼我們應該怎麼做呢?

用Javascrip來解決IE浏覽器中的Hack

用此方法,首先我們得感謝一下一個名為 Html5Doctor的網站,是它提供了Html5 IE浏覽器Hack的完美修復,他們提供的Javascript放在標簽head中,這樣就可以讓IE浏覽器認識Html5的元素,比如下面所示:

<article>, <aside>, <audio>, <bb>, <canvas>, <datagrid>, <datalist>, <details>, <dialog>, <eventsource>, <figure>, <footer>, <header>, <hgroup>, <mark>, <menu>, <meter>, <nav>, <output>, progress>, <section>, <time>, 以及<video>.

可以點擊這裡下載 下載Javascript。

雖然使用Javascript並不是最好的解決方法,但是,如果你不用,就不能保證頁面在所有主流浏覽器中正常顯示了。

Html5在Firefox2和Camino1也有另外兩個問題,不過他們占有的市場份額並不是很大,所以我們暫時忽略他們。

2。我們現在就開始使用Html5!

Html5最好的好處是我們可以最大化的避免重復代碼,我們再也不用去為每個元素定義“id”或是“class”了,因為現在己經有了專門的元素來定義他們…

除其他元素,為您的頭部,你可以簡單地使用<header>,為您導航使用<nav>,地區使用的<section>,對你的頁腳你猜怎麼著?使用<footer>, 你仍然可以繼續使用<div id="header">之類的東西,並且這樣頁面也不會有任何的錯誤,只是現在有了再加簡單的元素來表達了,標准的東西肯定對SEO有著巨大的幫忙,更能讓搜索引擎識別你的網頁。

3。標簽<video>

沒有人敢真正說"Flash將死於Html5",但至少給Flash的市場地位會有一定的影響,不過Html5的<video>標簽也有其自身的不安全因素那就是網頁上的視頻很多人都可以下載,不仿我們換個角度考慮,他們為什麼要下載呢?因為他們喜歡,我們網站內的內容能讓用戶喜歡那我們網站就達到了目的了。

使用<video>標簽如下:<video src=video.ogv></video><p>如果你的浏覽器不能觀看請下載: <a href=”video.ogv”>Download video</a>

其實你可以做很多事情了,比如加控制按扭、鍵盤控制、不同語言的字幕等等。

浏覽器會自動檢測不同格式的視頻: <video width=320 height=240 controls> <source src=”video.ogv” type=”video/ogg”> <source src=”video.mp4″ type=”video/mp4″>

4。這是一個最大的進展:表單驗證!

不過不幸的事,還不被大多數浏覽器支持

<input type=”email” required> <input type=”date”> <input type=”url”>還有像這樣的自動聚焦<input type=”email” required autofocus>

盡管Html5還沒有充分的支持,最終Html5的規范甚至沒有說完,不過這並不影響我們的學習,因為他將是下一個規范,笨鳥先飛吧

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