這篇文章主要介紹了h5新特性及網(wǎng)頁布局的示例分析,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
城固網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)建站!從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項目制作,到程序開發(fā),運營維護。創(chuàng)新互聯(lián)建站2013年開創(chuàng)至今到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗,來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。
HTML5 中的一些有趣的新特性:
用于繪畫的 canvas 元素
用于媒介回放的 video 和 audio 元素
對本地離線存儲的更好的支持
新的特殊內(nèi)容元素,比如 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及協(xié)議、Web Origin Concept、Web storage、web SQL database、Web Workers、XMLHttpRequest Level2
HTML設(shè)計理念:
1.避免不必要的復(fù)雜性
如:<!DOCTYPE html>
<meta charset="UTF-8">
2.支持已有的內(nèi)容
3.解決現(xiàn)實的問題
4.求真務(wù)實
5.平穩(wěn)退化
6.最終用戶優(yōu)先
簡單的網(wǎng)頁布局
<!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>導(dǎo)航</header> <nav>菜單</nav> <article>內(nèi)容</article><footer> 底部說明</footer></body> </html>
感謝你能夠認真閱讀完這篇文章,希望小編分享的“h5新特性及網(wǎng)頁布局的示例分析”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!
文章名稱:h5新特性及網(wǎng)頁布局的示例分析
文章鏈接:http://www.rwnh.cn/article0/gdgoio.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)、網(wǎng)站導(dǎo)航、建站公司、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站收錄、軟件開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)