iT邦幫忙

html相關文章
共有 449 則文章
鐵人賽 開發鐵人 DAY 22
HTML5試試看 系列 第 22

技術 [HTML5試試看-22] 溝通 - WebSocket Protocol

應該是考慮到雙向資料傳送及安全因素,所以...Websocket的溝通方式雖然還是類似http,但是過程比Server sent event複雜很多,獨立成為一...

鐵人賽 開發鐵人 DAY 21
HTML5試試看 系列 第 21

技術 [HTML5試試看-21] 溝通 - WebSocket

如果要跟伺服器做雙向溝通,就需要使用到WebSocket。與EventSource類似,WebSocket在瀏覽器端的使用是非常簡單的。 先來研究一下WebSo...

鐵人賽 開發鐵人 DAY 20
HTML5試試看 系列 第 20

技術 [HTML5試試看-20] 溝通 - server sent event

server sent event基本上是由伺服器端單向送出資料的溝通機制,類似server push。這是一個與http相容的方法,只需要伺服器端送出特定的h...

鐵人賽 開發鐵人 DAY 19
HTML5試試看 系列 第 19

技術 [HTML5試試看-19] 溝通 - channel message

根據規格書的解釋,channel messaging與cross-document messaging的差別在於,他提供了一個全雙工的溝通管道,所以理論上不同的...

鐵人賽 開發鐵人 DAY 18
HTML5試試看 系列 第 18

技術 [HTML5試試看-18] 溝通 - cross document message

HTML5為了在不同情境下使用,設計了幾種溝通的方式,包含文件之間溝通的cross-document messaging、channel messaging,還...

鐵人賽 開發鐵人 DAY 17
HTML5試試看 系列 第 17

技術 [HTML5試試看-17] 互動機制 - drag and drop 與 File API

HTML5的drag and drop機制,不僅可以接收從其他應用軟體拖曳過來的資料,他其實還可以讀取檔案。讀取檔案,靠的是File API。 還是先看一下Fi...

鐵人賽 開發鐵人 DAY 16
HTML5試試看 系列 第 16

技術 [HTML5試試看-16] 互動機制 - drag and drop(續)

HTML5的Drag and Drop中,最有意思的是跟使用者的系統整合!所以在瀏覽器可以接收從其他應用軟體拖拉進來的各種東西。 如果要接收從作業系統來的拖拉事...

鐵人賽 開發鐵人 DAY 15
HTML5試試看 系列 第 15

技術 [HTML5試試看-15] 互動機制 - drag and drop

過去在網頁裡面實現drag and drop是很麻煩的,需要配合CSS、onmousedown、onmouseup、setInterval()等,來做出元件拖曳...

鐵人賽 開發鐵人 DAY 14
HTML5試試看 系列 第 14

技術 [HTML5試試看-14] 表單驗證

HTML5制定了一組通用的屬性及方法,利用這些特性就可以做表單驗證。除了通用的表單元素,一些特殊的表單元素還會內建預設的驗證邏輯。今天先來看一下表單驗證機制怎麼...

鐵人賽 開發鐵人 DAY 13
HTML5試試看 系列 第 13

技術 [HTML5試試看-13] 新的表單元素

HTML5規格,在表單的部份增加了五個標籤,包含datalist, keygen, output, progress及meter。另外,input標籤也新增了許...

鐵人賽 開發鐵人 DAY 12
HTML5試試看 系列 第 12

技術 [HTML5試試看-12] 互動元素

嗯嗯,html5提供了details, summary, menu, command這四個標籤,作為使用者互動的UI元件。details可以再點選後提供更詳細資...

鐵人賽 開發鐵人 DAY 11
HTML5試試看 系列 第 11

技術 [HTML5試試看-11] canvas 與 3d context

Canvas的設計,不是只可以使用2d context,還可以使用3d或其他。目前比較有支援而且應該慢慢會成為標準的是WebGL。不過我不熟悉GL,所以只能做A...

鐵人賽 開發鐵人 DAY 10
HTML5試試看 系列 第 10

技術 [HTML5試試看-10] canvas 與 2d context(續)

今天還是繼續昨天的主題,測試一下canvas 2d context。除了一些基本屬性及狀態的管理,大致上測試一下繪圖、變形、文字跟影像這四個部份的功能。 所以,...

鐵人賽 開發鐵人 DAY 9
HTML5試試看 系列 第 9

技術 [HTML5試試看-9] canvas 與 2d context

Canvas其實只是一個畫布,要怎樣畫上去,靠的是context...今天先來介紹一下2d context,不過2d context是一個獨立的規格,東西非常多...

鐵人賽 開發鐵人 DAY 8
HTML5試試看 系列 第 8

技術 [HTML5試試看-8] video媒體播放

嗚嗚,今天好忙,晚上十點才開始寫,就盡量吧。幸好video也是media elements,所以操作方式跟audio一模一樣。 先看一下最簡單的video標籤怎...

鐵人賽 開發鐵人 DAY 7
HTML5試試看 系列 第 7

技術 [HTML5試試看-7] audio媒體播放

今天看了一下audio標籤,發現他繼承了一個特別的介面,專門用來控制媒體:[Media elements](http://www.w3.org/TR/html5...

鐵人賽 開發鐵人 DAY 6
HTML5試試看 系列 第 6

技術 [HTML5試試看-6] 新的內容組織方法

HTML5定義了很多「語意」(semantic)標籤,這些東西在網頁外觀上上並沒有直接作用,但是在內容組織上會有很大幫助,也可以協助「機器」更有效地利用內容。...

鐵人賽 開發鐵人 DAY 5
HTML5試試看 系列 第 5

技術 [HTML5試試看-5] HTML文件結構今昔

HTML5把一些標籤變簡單了,文件結構大體不變,只少了一些東西。 HTML的演進歷史可以簡化成: SGML是個用來定義像html這類標記(markup)語言的...

鐵人賽 開發鐵人 DAY 4
HTML5試試看 系列 第 4

技術 [HTML5試試看-4] 偵測HTML5支援及可能替代方案

HTML5雖然各瀏覽器還在如火如荼加緊腳步支援,但是...規格還有可能變動,而各家瀏覽器對於標準的支援可能也還不一致。另外...舊的瀏覽器當然也不支援。面對這樣...

鐵人賽 開發鐵人 DAY 3
HTML5試試看 系列 第 3

技術 [HTML5試試看-3] 站在DOM的肩膀上

如果單純只是寫個網頁,其實只需要了解HTML標籤跟文件結構就可以應付自如,不過HTML5的目標既然是網站應用程式平台,那了解API的基礎多少還是需要的。 DOM...

鐵人賽 技術鐵人 DAY 15

技術 [Reply] 在 Linux 上轉 html 檔成 pdf

swdsyu 在 淺談Ruby產生PDF的套件-Prawn 一文裡, 提及用ruby產生pdf檔的議題, 在此介紹個linux上的現成轉html成pdf的工具。...

鐵人賽 開發鐵人 DAY 2
HTML5試試看 系列 第 2

技術 [HTML5試試看-2] 標準在哪裡?

如果要找HTML5的標準文件,要上哪好呢?如果只是要快速翻閱,可以上: http://www.w3schools.com/html5/default.asp 不...

鐵人賽 開發鐵人 DAY 1
HTML5試試看 系列 第 1

達標好文 技術 [HTML5試試看-1] 到底什麼是HTML5?

熟悉HTML標準的人,應該都知道上一個版本的HTML標準,停留在1999年的4.01版。之後的XHTML...並沒有取得決定的影響力,2009年W3C甚至基於人...

鐵人賽 技術鐵人 DAY 9

技術 [Reply]用ruby 來刮除不必要的HTML標籤

swdsyu 在 淺談HTML Parsing的套件-Nokogiri 一文中, 提及有關處理HTML標籤的套件, 讓我再檢視一下曾處理的問題。 曾在PHP正規...

技術 比Hpricot更快的HTML/XML解析利器-Nokogiri(鋸子)

之前寫了一篇「在Ruby上,可以用近似 jQuery語法來解析DOM的好工具 -Hpricot」介紹Hpricot這個解析HTML/XML的好用工具,現在更快的...

達標好文 技術 不要把網頁 cache 起來的語法

一些動態網頁,可能會被瀏覽器 cache 起來,而看不出其變化,原來有以下幾個語法可防止被 cache ,而每次 query 就都到網站來抓該網頁。 一般HTM...

達標好文 技術 為什麼我們跳過Photoshop-37Signal談UI開發

「為什麼我們跳過Photoshop」(Why we skip Photoshop )是37Signal談UI開發設計的一篇簡要文章,強調不要浪費時間用Photo...

技術 寫好網站,想測試網頁對各瀏覽器的相容性

通常設計網站,最後都會做一些測試,其中對各種瀏覽器的相容器測試是必要的,但是要準備這麼多作業系統或瀏覽器,還頗麻煩的! 一次解決吧,用這網站提供的服務 http...

技術 讓表單傳送時資料以URL Encode加密送到後端

有些狀況中我們會希望在表單送出時可以讓表單欄位直接以URL Encode加密再送出 可是將資料傳後端後再加密好像一點用處都沒有... 這時候,該怎麼做呢? 這時...