简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > H5教程 > 主體

h5新功能及網頁佈局實例

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

什麼是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中文網其他相關文章！

相關標籤：
h5 html5 學習
來源：php.cn
上一篇：【水果忍者】血日狂刀代碼-_-#真的只有一把刀 下一篇：h5表單介紹和表單驗證失敗問題實例
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
如何讓我的圖像顯示在頁面的主顯示幕上？ 我想做的是使用NASAAPI接收一些照片。然後在我的網頁的縮圖和主顯示屏上顯示這些照片。我只是弄清楚為什麼程式碼不從縮圖中獲取圖像並將其顯示在頁面上。我還使用HTML5以上版本的模...
來自於 2024-04-06 15:33:12
0
1
433
PDF檔案能夠運行HTML5和Javascript嗎？ 我有一個愚蠢的想法，想嘗試製作一個在任何計算機上都不會被阻止的程序，因為它將嵌入在PDF中（我聽說Javascript可以在PDF中運行）。它將在PDF檔案中運行HTML5和Jav...
來自於 2024-04-05 12:57:00
0
1
456
HTML5中的enctype和formenctype有什麼差別？ 我只是想知道HTMLLivingStandard（又稱新的HTML5規範）中的屬性enctype和formenctype之間有什麼區別？我一直在閱讀《開發人員的HTML標準》，但似...
來自於 2024-04-02 11:47:56
0
1
275
使頁面適合行動裝置嗎？ 我有很多網頁和一些網站。問題是，我是一個初學者。我使用基本的html5和css3，但我不知道如何使它們放大、縮小並且適合行動裝置。例如，這是我的頁面之一和我的網站之一，您可以在其中...
來自於 2024-04-01 20:42:38
0
1
259
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！