首頁 > web前端 > H5教程 > h5新功能及網頁佈局實例

h5新功能及網頁佈局實例

零下一度
發布: 2017-07-26 09:39:45
原創
2293 人瀏覽過

什麼是HTML5:HTML5 是下一代的HTML,將成為 HTML、XHTML 以及 HTML DOM 的新標準。

為 HTML5 建立的一些規則:

新功能應該基於 HTML、CSS、DOM 以及 JavaScript。

減少對外部外掛程式的需求(例如 Flash)

#更優秀的錯誤處理

更多取代腳本的標記

HTML5 應該獨立於設備

開發過程應對公眾透明

HTML5 中的一些有趣的新功能:

用於繪畫的 canvas 元素

用於媒介回放的video和audio 元素

對本地離線儲存的更好的支援

新的特殊內容元素,例如article、footer、header、nav、section

新的表單控件,如calendar、date、time、email、url、search

 
HTML5功能:
Canvas、Channel訊息傳送、Cross-document訊息傳送、Geolocation、MathML、Microdata、Server-Sent Events 、Scalable Vector Graphics(SVG)、WebSocket API及協定、Web Origin Concept、Web storage、web SQL database、Web Workers、XMLHttpRequest Level2
 
HTML設計概念:
1.避免不必要的複雜性
  
    
2.支援已有的內容
2.
#3.解決現實的問題
4.求真務實
5.平穩退化
6.最終用戶優先
 
簡單的網頁佈局
<!DOCTYPE html><html><head>
<meta charset="utf-8" />
<title></title><style type="text/css">header,nav,article,footer{border: solid 1px #666;padding: 10px;margin: 6px;}
header
{width: 500px;}nav{float: left;width: 60px;height: 100px;}
article{float: left;width: 406px;height: 100px;}
footer{clear: both;width: 500px;}</style></head><body><header>导航</header>
<nav>菜单</nav>
<article>内容</article><footer>
底部说明</footer></body>
</html>
登入後複製

以上是h5新功能及網頁佈局實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板