SAY討論區

標題: 在網站製作中隨時可用的10個 HTML5 代碼片段 - 網站設計及開發 [打印本頁]

作者: aikan 時間: 2013-11-8 07:43:04 標題: 在網站製作中隨時可用的10個 HTML5 代碼片段 - 網站設計及開發

HTML 很容易寫，但創建網頁時，您經常需要重複做同樣的任務，如創建表單。在這篇文章中，我收集了10個超有用的 HTML 代碼片段，有 HTML5 啟動模板、空白圖片、打電話和發短訊、自動完成等等，幫助你提高開發速度。
當啟動一個新的項目的時候，你需要一個啟動模板。這裡是一個簡潔乾淨的模板，可以作為 HTML5 項目的基礎。
Untitled　　
獲取方位的表單 (Google Maps)

這裡是一個簡單但功能強大的表單代碼，用戶可以輸入他的位置指示到特定的地方。對於聯繫頁面非常有用。
Enter your location　　
Base64 編碼的空白 GIF 圖片

我不推薦使用透明的 GIF，但我知道，即使在2013年，很多人都還在使用他們。如果你是其中之一，你可能會享受這個 Base64 編碼的 1 * 1px的空白 GIF。這種方式比使用的圖像更好。

090110bhctdazyzis (0 Bytes, 下載次數: 0) 　　
嵌入 Flash

你是否經常需要再 HTML 頁面中嵌入 Flash 文件？如果是的話，你會更好地保存下面的 Flash 嵌入代碼以供將來使用。
　　
HTML5 video with Flash fallback

新的 HTML5 規範的另一大特點是 Video 標籤，讓您輕鬆嵌入視頻文件。但不幸的是，一些瀏覽器不能處理嵌入式 HTML5 視頻。因此，這裡兼容舊的瀏覽器的代碼，在不支持 HMTL5 視頻的瀏覽器使用 Flash。

　　
打電話和發短訊

在移動網頁中，有一種快速的方法來建立呼叫和短訊鏈接。下面是一個示例代碼，記得收藏在您的代碼片段庫里。
1-408-555-5555New SMS Message　　
自動完成功能

使用 dataList 元素，HTML5 允許你創建一個輸入字段自動完成數據的列表。超級有用的！這裡是一個示例代碼。
　　
可下載的文件

HTML5 允許使用 download 屬性強制下載文件。這裡是一個標準鏈接到一個可下載的文件。
Download Your Expense Report　
Crash IE6

在 2013 年，帶給前端開發人員惡夢的 Internet Explorer 6 市場份額已經降了很多了。但一些人仍然在使用它。如果你想擺脫這種舊的瀏覽器，這裡是一個非常有趣的代碼，包括在你的 HTML 頁面，讓 IE6 崩潰。
*{position:relative}[table][/table]您可能感興趣的相關文章

英文鏈接：Hyper useful, ready to use HTML5 snippets

文章來源：夢想天空 ◆ 關注Web前端開發技術 ◆ 分享網頁設計資源
本文來自【夢想天空（http://www.cnblogs.com/lhb25/）】

附件: [090110bhctdazyzis] 090110bhctdazyzis (2013-11-8 07:43:04, 0 Bytes) / 下載次數 0
http://forum.go2tutor.com/forum.php?mod=attachment&aid=NDUxOTc4fDRlMTgyY2E3fDE3ODMwOTIxMjF8MHww

附件: [090110z2hzlcnobse.jpg] 090110z2hzlcnobse.jpg (2013-11-8 07:43:04, 0 Bytes) / 下載次數 0
http://forum.go2tutor.com/forum.php?mod=attachment&aid=NDUxOTc5fDE0MTQ0ZGI4fDE3ODMwOTIxMjF8MHww

作者: bobodragon2001 時間: 2013-11-8 08:58:20

我快厭倦回復了

作者: hopakngai 時間: 2013-11-8 09:11:29

估計你是沒見識過~` 呵呵

作者: plas_hoz 時間: 2013-11-8 09:15:50

呵呵,明白了

作者: Gopper 時間: 2013-11-8 09:18:38

我想要`~

作者: k2a3i4 時間: 2013-11-8 09:19:06

回覆，是讓樓主更有心去發帖

作者: 我不是傻鴨 時間: 2013-11-8 09:21:05

好好帖很好帖確實好帖少見的好帖

作者: Some1 時間: 2013-11-8 09:36:13

最有人氣的帖子

作者: DiorCherie 時間: 2013-11-8 09:37:03

不錯啊! 一個字牛啊!

作者: stk190 時間: 2013-11-8 09:38:59

每天都要來尼伊達論壇逛一逛

作者: tamyc002 時間: 2013-11-8 09:49:27

怎麼就沒人拜我為偶像那?? ~

作者: 段皇爺 時間: 2013-11-8 09:52:42

有空一起交流一下

作者: mic167 時間: 2013-11-8 10:13:50

感謝樓主

作者: alvinsiusiu 時間: 2013-11-8 10:26:29

誰都不容易啊 ~~

作者: katchan0481 時間: 2013-11-8 11:28:55

沒人理我。。

作者: jennyjellyfish 時間: 2013-11-9 11:05:26

觀看中

作者: 鳥不起點算 時間: 2013-11-10 04:50:19

這論壇不錯

作者: jennyjellyfish 時間: 2013-11-11 04:38:32

這帖沒看過，來看看

作者: 花家姐 時間: 2013-11-12 11:37:40

Thank you for your sharing，回覆囉

作者: k2a3i4 時間: 2013-11-13 01:17:59

支持你一下下。。

作者: 小妖怪 時間: 2013-11-13 12:45:18

好文章，和大家一起分享

作者: tamyc002 時間: 2013-11-14 01:00:18

拿分走人呵呵，樓下繼續！

作者: kengtr 時間: 2013-11-14 10:23:51

太棒了！

歡迎光臨 SAY討論區 (http://forum.go2tutor.com/)