當前位置:才華齋>設計>網頁設計>

用HTML5製作網頁的方法

網頁設計 閱讀(1.17W)

如何用HTML5製作網頁呢?就跟隨本站小編一起去了解下吧,想了解更多相關資訊請持續關注我們應屆畢業生考試網!

用HTML5製作網頁的方法

  HTML 5有什麼不同?

首先,我們通過HTML 5表達什麼?First off, what do we mean by HTML 5?理論上,我們表達所有的事——新的語義結構標籤,例如canvas或者離線儲存等API規範,以及新的內聯語義標籤。儘管如此,我們把實際的原因 (PS:瀏覽器支援問題)僅僅侷限於結構標籤。canvas,離線儲存,本地視訊或者地理定位API都很絕妙,然而他們還不能被所有瀏覽器一致的支援。

“但是等等”你說,“大多數瀏覽器也都不支援新的結構元素!”這是真的,但他們中的絕大多數將 會很樂意去接受你想要建立的任何標籤。甚至連IE6也可以處理新標籤,儘管如果你想要使用CSS設定樣式,你需要一點JavaScript的幫助。

當你對新標籤設定樣式時,你需要記住一件事,那就是未知標籤在大部分瀏覽器中沒有預設樣式。他 們同時被認為是行級元素。儘管如此,由於大部分HTML 5的新標籤可以構造,我們將讓他們擁有塊級元素的行為。解決方法是確認你在CSS樣式中包含了display:block;。

為了幫助瞭解當今HTML 5的一些新玩意兒,我們現在就進入正題,開始使用一些新的結構元素。

最終,一個任何人都可以記住的文件型別

我們建立HTML 5文件第一件需要做的事情就是使用新的文件型別。現在,如果你還清楚的記得HTML 4或者XHTML 1.x的文件型別,你真是一個比我們更強的淘氣鬼。每當我們新建一個頁面,我們必須開啟一箇舊的檔案,剪下並貼上文件型別定義。

這真是痛苦,也是為什麼我們喜歡新的HTML 5文件型別。你準備好了麼?他出現了:

不會太難記。簡單並且容易理解。不區分大小寫。

這個構想是停止HTML版本化,使向後相容變得更容易。從長遠看是否成功是另外的事情,但至少 他節省了你輸入的平均時間。

  最基本語義結構