如果要用把HTML特殊符號以本文的方式顯示在畫面中，特殊符號會被視為代碼的一部分，這時候畫面會不正常。 此時符號必須要對應相對應的編碼來處理 符號 說明 編碼 符號 說明 編碼 符號 說明 編碼 「 雙引號 " × 乘號 × ← 向左箭頭 ← & AND符號 & ÷ 除號 ...

我們再使用video標籤進行autoplay的操作，有一些特殊attribute是要同時設置，autoplay才會在每個裝置上運作正常, 完整的標籤寫法如下: <video autoplay muted loop playsinline> <source src="your_video.mp4" type="video/mp4"> </video> autoplay: 自動撥放 muted: 靜音 loop: 重複撥放 playsinline: IOS專用 (這很傻眼，僅針對IOS Safari使用，...

See the Pen focus table item by jay hsu (@jayh0324) on CodePen. ...

See the Pen increase number and svg fill up animation by jay hsu (@jayh0324) on CodePen. ...

1. 透過link標籤直接嵌入網頁中   我是用sublime text來做的，不過其他編輯器應該也有一樣的做法，可能要研究一下。 我的作法是尋找每一頁的   < head> < link rel="alternate" href="英文版絕對路徑" hreflang="x-default" /> < link rel="alternate" href="英文版絕對路徑" hreflang="en"...

SVG繪圖效果: See the Pen <a data-cke-saved-href='https://codepen.io/jayh0324/pen/yMxGWb/' href='https://codepen.io/jayh0324/pen/yMxGWb/'>SVG Animation and Interaction</a> by jay hsu (<a data-cke-saved-href='http://codepen.io/jayh0324' href='http://codepen.io/j...

如果要崁入影片至網頁，現在可以直接用html5的video標籤，以下為使用方式 <video controls="controls" height="534" id="my-video" poster="your_poster.jpg" preload="preload" width="950"> <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 --> <source src="http://media.globalonenessproject.or...

有關form標籤在IE中的使用注意事項: If you try to add a form warping a tr element like this <table> <form> <tr> <td><input type="text"/></td> <td><input type="submit"/></td> </tr> </form> </table> some brows...

Swf 轉 HTML5 的工具 Google Swiffy https://www.google.com/doubleclick/studio/swiffy/ 優點: 可以下載到flash，直接從flash中publish成html5的格式 有支援在線轉檔的服務，可以直接到該網頁中進行swf轉檔 轉出動畫效果幾乎是一樣，有支援swf裡面stop()的指令 轉出的檔案可以有額外的代碼來做調整，如需要將輸出的動畫背景，可在body的script中放 "stage.setBackground(null);" 即可將背景設置為透明...