新手必看!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新元素被以...
自己動手寫HTML5網頁 | 社區大學終身學習網
什麼是HTML5網頁設計? | 社區大學終身學習網
快速掌握HTML5網頁設計的致勝關鍵! | 社區大學終身學習網
新手必看!HTML5網站設計的28個新特性 | 社區大學終身學習網
Html5互動網頁和html網頁有什麽區別和優缺點 | 社區大學終身學習網
HTML5網頁設計介紹:HTML、CSS、JavaScript | 社區大學終身學習網
18 | 社區大學終身學習網
HTML5是什麼?讓網頁效能更上一層樓的HTML5基本介紹 | 社區大學終身學習網
HTML5 | 社區大學終身學習網
免費的HTML5網站範本 | 社區大學終身學習網
![](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)
電腦應用部落格網站製作哪裡學?新竹市科學城社區大學開課資訊
想要學習電腦應用部落格網站製作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以...
![](https://i.imgur.com/1IaoGs0.jpg)
遊戲程式設計哪裡學?臺東縣臺東社區大學開課資訊
想要學習遊戲程式設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整...
![](https://i.imgur.com/1IaoGs0.jpg)
HTML5, JQuery網頁設計哪裡學?新竹市科學城社區大學開課資訊
想要學習HTML5,JQuery網頁設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下...
![](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)
輕鬆學互動式網頁設計哪裡學?桃園市中壢社區大學開課資訊
想要學習輕鬆學互動式網頁設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下...
![](https://i.imgur.com/1IaoGs0.jpg)
HTML網頁設計哪裡學?宜蘭縣羅東社區大學開課資訊
想要學習HTML網頁設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整...