新手必看!HTML5網站設計的28個新特性 | 社區大學終身學習網
![新手必看!HTML5網站設計的28個新特性](https://i.imgur.com/1IaoGs0.jpg)
HTML的最新標準已公布,這裡整理出28個你必須知道的HTML5新特色,其中包括網站設計的新元素、屬性的使用與渲染模式,讓大家在使用HTML5網站設計時有更多的應用技巧!
![新手必看!HTML5網站設計的28個新特性](https://i.imgur.com/1IaoGs0.jpg)
1. 新的Doctype
盡管使用,即使瀏覽器[1]不懂這句話也會按照標准模式去渲染
2. Figure元素
用
和 來語義化地表示帶標題的圖片source code
3. 重新定義的
已經被重新定義了,現在被用來表示小的排版,如網站底部的版權聲明
4. 去掉link和script標簽裡面的type屬性
5. 加/不加 括號
HTML5沒有嚴格的要求屬性必須加引號,閉合不閉合,但是建議加上引號和閉合標簽
6. 讓你的內容可編輯,只需要加一個contenteditable屬性
7. Email Inputs
如果我們給Input的type設置為email,瀏覽器就會驗證這個輸入是否是email類型,當然不能只依賴前端的校驗,後端也得有相應的校驗
8. Placeholders
這個input屬性的意義就是不必通過javascript來做placeholder的效果了
9. Local Storage[2]
使用Local Storage可以永久存儲大的數據片段在客戶端(除非主動刪除),目前大部分瀏覽器已經支持,在使用之前可以檢測一下window.localStorage是否存在
10. 語義化的header和footer
11. 更多的HTML5表單[3]特性
12. IE和HTML5
默認的,HTML5新元素被以...
20個優秀的HTML5 網站設計案例欣賞 | 社區大學終身學習網
HTML5 UP! 免費HTML5 + CSS3 響應式設計網頁模版下載 | 社區大學終身學習網
HTML5的相關網站介紹 | 社區大學終身學習網
HTML5網頁設計介紹:HTML、CSS、JavaScript | 社區大學終身學習網
什麼是HTML5網頁設計? | 社區大學終身學習網
免費的HTML5網站範本 | 社區大學終身學習網
快速掌握HTML5網頁設計的致勝關鍵! | 社區大學終身學習網
新手必看!HTML5網站設計的28個新特性 | 社區大學終身學習網
自己動手寫HTML5網頁 | 社區大學終身學習網
超過18 | 社區大學終身學習網
![](https://i.imgur.com/1IaoGs0.jpg)
生活創意木工-實作哪裡學?新北市中和社區大學開課資訊
想要學習生活創意木工-實作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...
![](https://i.imgur.com/1IaoGs0.jpg)
Google小型網站製作哪裡學?屏東縣屏北區社區大學開課資訊
想要學習Google小型網站製作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...
![](https://i.imgur.com/1IaoGs0.jpg)
網站建置與虛擬主機實務管理初階哪裡學?臺北市萬華社區大學開課資訊
想要學習網站建置與虛擬主機實務管理初階可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、...
![](https://i.imgur.com/1IaoGs0.jpg)
電腦應用部落格網站製作哪裡學?新竹市科學城社區大學開課資訊
想要學習電腦應用部落格網站製作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以...
![](https://i.imgur.com/1IaoGs0.jpg)
社區電腦網頁設計實務班哪裡學?雲林縣山線社區大學開課資訊
想要學習社區電腦網頁設計實務班可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以...
![](https://i.imgur.com/1IaoGs0.jpg)
DreamWeaver網頁設計入門哪裡學?臺北市中山社區大學開課資訊
想要學習DreamWeaver網頁設計入門可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,...
![](https://i.imgur.com/1IaoGs0.jpg)
遊戲程式設計哪裡學?臺東縣臺東社區大學開課資訊
想要學習遊戲程式設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整...
![](https://i.imgur.com/1IaoGs0.jpg)
輕鬆架網站-網站達人養成班哪裡學?臺南市台南社區大學開課資訊
想要學習輕鬆架網站-網站達人養成班可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識...
![](https://i.imgur.com/1IaoGs0.jpg)
生活創意木工-實作哪裡學?新北市中和社區大學開課資訊
想要學習生活創意木工-實作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...
![](https://i.imgur.com/1IaoGs0.jpg)
影像詩創作哪裡學?嘉義市嘉義社區大學開課資訊
想要學習影像詩創作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理...
![](https://i.imgur.com/1IaoGs0.jpg)
輕鬆網站架設EASY GO哪裡學?臺南市曾文社區大學開課資訊
想要學習輕鬆網站架設EASYGO可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...
![](https://i.imgur.com/1IaoGs0.jpg)
影像詩創作哪裡學?嘉義市嘉義社區大學開課資訊
想要學習影像詩創作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理...
![](https://i.imgur.com/1IaoGs0.jpg)
遊戲程式設計哪裡學?臺東縣臺東社區大學開課資訊
想要學習遊戲程式設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整...
![](https://i.imgur.com/1IaoGs0.jpg)
影像詩創作哪裡學?嘉義市嘉義社區大學開課資訊
想要學習影像詩創作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理...
![](https://i.imgur.com/1IaoGs0.jpg)
手機網路行銷也Easy哪裡學?臺北市萬華社區大學開課資訊
想要學習手機網路行銷也Easy可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...