h5新特性及網(wǎng)頁布局的示例分析

這篇文章主要介紹了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.避免不必要的復雜性

如：<!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>導航</header>
<nav>菜單</nav>
<article>內(nèi)容</article><footer>
底部說明</footer></body>
</html>

h5新特性及網(wǎng)頁布局的示例分析

感謝你能夠認真閱讀完這篇文章，希望小編分享的“h5新特性及網(wǎng)頁布局的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!

文章名稱：h5新特性及網(wǎng)頁布局的示例分析
文章鏈接：http://www.muchs.cn/article0/gdgoio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、網(wǎng)站導航、建站公司、外貿(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)

手機網(wǎng)站建設(shè)