 |
| 支援Html 5 各瀏覽器最低支援版本：IE 9 beta,FireFox 3.6,Chrome 6.0,Safari 5.0,Opera 5.0 |
我相信不少人也聽過這個名詞了，但是Html是什麼？有5那有1、2、3、4嘛？說真的我也並沒有非常了解他的知識，但我想我們可以享受他給我們帶來的很多方便性，這邊我想就是跟大家介紹一下有關Html 5的知識吧！
有個非常有趣的網站：http://slides.html5rocks.com/
內容可以點進去自己體驗喔，以下面我就節錄了部分有趣的畫面。 |
| 瀏覽這個網頁很簡單，就像是BBS一樣只要按下方向鍵就好了！ |
 |
| 左右鍵：控制前後 ctrl/command +/- 控制大小 剩下的按鈕可以自己體驗一下 |
 |
| HTML 5會讓我們的Web到下一個世代 |
 |
| HTML的簡史 |
 |
| 簡單的說HTML 5就是HTML加上了 CSS 3.0 &JaveScript |
 |
| HTML 5的七大功能 |
 |
| 在儲存的部份，有了很大的進步，ex:離線儲存 |
 |
| 如同我的textField所言！ |
 |
| 3D的效果＆不同的顏色 |
 |
| 支援SQLite，可以先建立table |
 |
| 再新增項目 |
 |
| 可以增加Index的database |
 |
| 這邊可以新增也可以修改 |
 |
| 更即時的互動功能，像是Feacbook的即時聊天室 |
 |
| 這邊就可以測試看看 |
 |
| 網頁跟電腦端的互動更加方便 |
 |
| 左邊由上到下分別是：圖片、不能移動的文字、可以移動的文字 |
 |
| 在網頁上只要點著圖片就可以拖拉至右邊 |
 |
| 地三個方框的文字也可以透過拖拉至右邊的方塊 |
 |
| 可以從電腦把圖片直接放進網頁上傳，不再需要透過一連串的按鈕上傳EX:gmail的夾帶檔案 |
 |
| 圖片以外，pdf以及mp3也可以這樣上傳 |
 |
| 可以透過網路來定位 |
 |
| 最重要的是，對於手持裝置的支援 |
 |
| 語音搜尋 |
 |
| 後面的部份比較偏向語法的介紹，我就省略部分來寫 |
 |
| 由上倒下分別為：警示尚未填入文字、預設為mail的格式、日期模式、search功能、電話格式、色彩以及數字的填寫 |
 |
| 也可以透過欄位的設定來讓devices判斷用何種鍵盤 |
 |
| 對於網頁的設計還有美工，也有非常大的方便性 |
 |
| 影片的倒影 |
 |
| 透過語法來繪圖 |
 |
| 這個互動模式可以在上面放大縮小、拖拉、並且輸出！ |
 |
| 圖形也能夠有漸層，不再死板 |
 |
| 互動工具：放大鏡 |
 |
| 利用了CSS3可以讓網頁的小細節更加的細膩 |
 |
| 是用一些較特別的字型 |
 |
| 當文字很多的時候，可以方便的自動縮放 |
 |
| 調整文字的大小，縮排 |
 |
| 文字的邊框粗細 |
 |
| 文字背景、文字深淺 |
 |
| 文字的顏色、透明度 |
 |
| 多啦A夢！ |
 |
| 圖案的縮放 |
 |
| 文字的陰影 |
 |
| 文字邊框、邊框效果 |
 |
| 圖片的縮放更加自由 |
 |
| 利用圖片來製作自己喜歡的邊框 |
 |
| BOX的呈現更加彈性 |
 |
| 上方的紅點在左右邊交換的時候不會出現動畫 下方的紅點在左右邊交換的時候有路徑的動畫 |
 |
| 試試看他所說的，滑鼠移過上方的框框！ |
沒有留言:
張貼留言