首頁 >web前端 >html教學 >沒有經驗如何快速上手HTML5

沒有經驗如何快速上手HTML5

无忌哥哥
无忌哥哥原創
2018-07-12 09:35:111557瀏覽

1.HTML5是什麼

一般廣義而言,HTML5則包含了HTML、CSS和JavaScript三個部分,而不只是第一印象僅僅HTML部分而已,在CSS 3和JavaScript層面也有許多的創新,讓整個網頁從佈局到處理都更加給力,新囊括的技術讓之前實現相當困難且安全性危機重重的功能變為了現實。

HTML 是HyperText Markup Language 超級文字標記語言的縮寫,是標準通用標記語言下的一個應用,也是一種規範,一種標準,它透過標記符號來標記要顯示的網頁中的各個部分。

從第一版的出現到現在,HTML 已經經歷了5次的改版,從HTML 2.0到HTML 5,HTML 用自身的優勢證明了其在網站中的優勢,以至於替代了古老的C語言程式設計來架構部分網站。

2.為什麼要用HTML5

THML5在佈局上更得體,記得以前的主流table過渡到主流div;今的佈局對搜尋引擎更加友好,例如

內總是會包含文章內容,而nav是導航資訊;HTML5的行動手機支援也日趨完善,相容於行動端可是一個簡單概念。

雖然多網合一,相容問題永遠存在,佈局適配也是一門技術活;另外在Pad等其他客戶端也發揮越來越重要的優勢。

3.HTML5的基本結構

HTML 用來組織網頁的結構,就像人類的骨架一樣。首先你要做的是學習它的語法以及與它相關的所有內容。重點要學習的內容如下:

學習基礎知識及如何寫語意化的 HTML,了解頁面的各個部分,並且學會如何正確地建立 DOM。

任務-學習完 HTML 的基礎知識後,請至少動手寫 5 個 HTML 頁面。我的建議是可以選擇任何網站的頁面,例如可以嘗試去編寫任何一個 Github 配置頁面或 Twitter 的登入頁面,並且要確保結構是正確的。

雖然完成的頁面看起來很醜,但是暫時還不用著急,現階段的重點是學會編寫正確的結構。

目前而言,主流的網頁瀏覽器Firefox 5、Chrome 12和Safari 5都已經支援了許多的HTML5標準,而且目前最新版的IE 9也支援了許多HTML5標準。

隨著用戶陸續升級到新版的瀏覽器,開發者應該在現在就可以著手開發,相容性問題會隨著時間的推移而越來越少。

以上是沒有經驗如何快速上手HTML5的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn