http://larrynung.github.io/tags/html5/Recent content in HTML5 on LevelUphttp://larrynung.github.io/images/og-default.pnghttp://larrynung.github.io/images/og-default.pngHugo -- 0.148.1zh-TW{year} Larry NungTue, 16 Jun 2026 13:13:07 +0800http://larrynung.github.io/posts/e1e43570-4a63-43f2-a8f5-542d120de299/Wed, 06 Nov 2013 12:00:00 +0000http://larrynung.github.io/posts/e1e43570-4a63-43f2-a8f5-542d120de299/HTML新增了progress標籤，可在網頁中加入進度列，用以表示目前處理的進度，目前該標籤僅支援Firefox, Opera, 與 Chrome 該標籤主要有兩個可設定的attribute，一個是max，用以指定進度列最大的值，一個是value，用以指定進度列當前的進度值。http://larrynung.github.io/posts/4c7c9536-cf32-4c67-b33c-911f15226dff/Wed, 06 Nov 2013 12:00:00 +0000http://larrynung.github.io/posts/4c7c9536-cf32-4c67-b33c-911f15226dff/HTML5的Input tag新提供x-webkit-speech語法，目前只能在Chrome 11以後的瀏覽器上使用，能讓我們將語音輸入的功能很簡單的帶到我們的網站中。最簡易的運用方式是像下面這樣將x-webkit-speech加在input tag後方就可以了。http://larrynung.github.io/posts/803f8361-2722-4fdf-b66c-8ad9553664bf/Wed, 06 Nov 2013 12:00:00 +0000http://larrynung.github.io/posts/803f8361-2722-4fdf-b66c-8ad9553664bf/Web storage是HTML5新功能之一，允許使用者透過瀏覽器將資料暫存在client端。以往使用cookie來做類似這樣的需求，每個頁面可容納的資料量，約只有 4 KB 左右，且會在HTTP Request時上傳資料至Server端，造成不必要的頻寬浪費，也對執行效能造成不好的影響。