html5零基礎學員入門教程 html5零基礎入門學習教程

html5零基礎入門學習教程,html5零基礎學員入門教程,金華號帶你了解相關信息 。
隨著AI智能手機、平板電腦等移動終端設備越來越普及,客戶在移動wap端花的時間也越來越長 。H5開始火熱起來,以文字、圖片、動作漫畫、音調等相混合的自媒體出現,給客戶弄來咯全新體驗,技術本身弄來的新奇感讓人們心生向往 。

html5零基礎學員入門教程 html5零基礎入門學習教程

文章插圖
下面我們就來聊一聊H5入門的一些知識吧!
什么是H5?H5即html5,是指“HTML”的第5個版本,而“HTML”,則是指描述網頁的標準語言 。因此,HTML5,是第5個版本的“描述網頁的標準語言” 。
H5特性H5 是 W3C 與 WHATWG 合作的結果,WHATWG 指 Web Hypertext 軟件lication Technology Working Group 。WHATWG 致力于 web 表單和應用應用程序,而 W3C 專門把小心力研究于 XHTML 2.0 。在 2006 年,雙方決定進行合作,來創建一個新的版本的 HTML 。
H5 中的一些有趣的新特性:用來繪畫的 canvas 元素
用來媒介回放的 video 和 audio 元素
對本地離線存儲的更加好的支持
新的特別內容元素,例如 article、footer、header、nav、section
新的表單控件,例如 calendar、date、time、email、url、search
H5的改進:新元素
新屬性
完整支持 css3
Video 和 Audio
2D/3D 制圖
本地存儲
本地 SQL 資料
Web 應用
H5語義元素
H5瀏覽器支持最新的版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性 。Internet Explorer 9 將支持某些 HTML5 特性 。
IE9 以下版本瀏覽器兼容HTML5的方法
<!--[if lt IE 9]> <script src=https://www.0579wy.com/article/"http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js">
載入后,初始化新標簽的CSS:
/*html5*/article,aside,dialog,footer,header,section,nav,figure,menu{display:block}
H5代碼規范
1. HTML5 元素名應該使用大寫和小寫字母 。
但講解你使用小寫字母:
混合了大小寫的滋味是超級糟糕的 。
研究人員往往一般使用小寫 (類似 XHTML) 。
小寫滋味看起來更加清爽 。
小寫字母簡無腦單編寫 。
2. 在 HTML5 中, 你不一定要關閉全部元素(例如
元素),但建議你每一個元素都要添加關閉標簽 。
3. HTML5 屬性值應該不用引號 。
屬性值我們講解使用引號:
如果屬性值含有空格需要使用引號 。
混合滋味不講解的,建議統一滋味 。
屬性值使用引號易于瀏覽 。
4. 圖片往往一般使用 alt 屬性 。在圖片不應該展現時,它能替代圖片展現 。
5. 等號前后應該使用空格 。
6. 使用 HTML 寫器,差不多滾動代碼是不方便的 。
每行代碼盡量少于 80 個字符 。
7. 不要無緣無故添加空行 。
為每一個邏輯功能塊添加空行,這樣更易于瀏覽 。
縮進使用兩個空格,不推薦使用 TAB 。
對比短的代碼間不要使用不必須的空行和縮進 。
8. 樣式表使用簡潔的語法格式:
將左花括號與選擇器放在同一行 。
左花括號與選擇器間添加一個空格 。
使用兩個空格來縮進 。
冒號與屬性值之間添加一個空格 。
逗號和符號之后使用一個空格 。
每一個屬性與值結尾都要使用分號 。
只有屬性值包含空格時才使用引號 。
右花括號放在新的一行 。
【html5零基礎學員入門教程 html5零基礎入門學習教程】每行最多 80 個字符 。

    推薦閱讀