HTML5配置與CSS3

by Vivid 10. 十月 2012 05:29
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N121012901 出刊日期:2012/10/10 在網站應用程式中,網站的配置(Layout)決定了吸睛程度,好的網站配置可以讓使用者更容易找到感興趣的網頁,不好的網站配置易導致網頁瀏覽不便,讓使用者望之卻步。除此之外,網站的配置也會影響到資料是否容易被搜尋,因此設計一個具備良好配置的網站是很重要的。HTML5的網頁可以利用Cascading Style Sheets 3 (CSS3)的新功能來進行配置,本文將介紹HTML5網站配置的新選擇,以及常用的CSS3選擇器。 使用div... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | HTML | 許薰尹Vivid Hsu

HTML5表單輸入項目與驗證(二)

by vivid 26. 九月 2012 02:58
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N120912802 出刊日期:2012/9/26 本文延續上一期文章《HTML5表單輸入項目與驗證(一) 》的內容,介紹HTML5新增的attribute來協助設計網頁應用程式。 multiple attribute 一般的input type只能輸入單一值,在HTML5中新增一個multiple attribute,讓瀏覽器知道此input type可以輸入多個值,可以應用在送電子郵件給多個收件者,或一次上傳多個檔案的情境,multiple attribute通... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | HTML | 許薰尹Vivid Hsu

HTML5表單輸入項目與驗證(一)

by Vivid 12. 九月 2012 02:44
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N120912801 出刊日期:2012/9/12 HTML5新增許多新的輸入型別(Input Types),以方便我們設計網站應用程式,由其是經常需要輸入的電子郵件、URL、電話、生日…等等欄位,在HTML5中這些常用的項目都有新的標籤可以使用,這些新項目有些提供了一些自動驗證的功能,讓我們可以減少一些時間,不用再花時間再自行撰寫程式碼,如JavaScript來進行資料驗證的動作。本文將介紹HTML5新增的表單輸入項目與驗證項目。 不過,因為有些新的瀏覽器才支援這些新... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | HTML | 許薰尹Vivid Hsu

HTML 5 Geolocation API

by vivid 29. 八月 2012 04:46
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N120812703 出刊日期:2012/08/29 HTML5定義了Geolocation API,可以取得目前的地理位置,像是經度、緯度等等資訊,這對於有行動裝置的使用者而言非常的便利,您可以結合地圖資訊,隨時透過Geolocation API顯示使用者所在位置。 Geolocation是指能夠找到使用者所在地理位置的能力,Geolocation API 能夠讓你透過瀏覽器定時取得使用者所在的位置。不過瀏覽器需要取得使用者同意才能透露使用者所在的地理位置。 Geolocatio... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | HTML | 許薰尹Vivid Hsu

HTML5 WebStorage API

by Vivid 15. 八月 2012 00:27
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N120812702 出刊日期:2012/08/15 在設計網頁時,若要想要用戶端儲存一些資料,通常會使用Cookie物件來解決,這樣可以不用浪費伺服端的資源,也不用花費力氣在發出HTTP請求時,還得將Cookie送到伺服端。在HTML 5 之後,您有了新的選擇,可以在用戶端瀏覽器所在的電腦上儲存一些資料,這資料不會隨著HTTP請求送到伺服端。本文將介紹如何在網頁中使用Cookie與HTML 5 Web Storage API來儲存資料。 使用Cookie儲存用戶端資料 Cooki... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | HTML | 許薰尹Vivid Hsu

使用HTML 5 File API(2)

by Vivid 1. 八月 2012 05:34
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N120812701 出刊日期:2012/8/1 (週三) 本文延續《使用HTML 5 File API(1)》一文,將介紹HTML 5中提供的File API,因為不同的瀏覽器對於HTML 5的支援程度不同,因此文中的範例以Chrome進行測試,但程式碼不見得可以在其它瀏覽器中正確的執行。 使用FileReader物件讀取檔案 若要讀取檔案中的內容,可以利用FileReader物件,檔案讀取的動作採非同步方式。要讀取檔案可以利用幾個方法: readAsText:以文字方式... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | HTML | 許薰尹Vivid Hsu

使用HTML 5 File API(1)

by vivid 18. 七月 2012 05:35
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N120712602 出刊日期:2012/7/18 (週三) 本文將介紹HTML 5中提供的File API,因為不同的瀏覽器對於HTML 5的支援程度不同,因此文中的範例以Chrome進行測試,但程式碼不見得可以在其它瀏覽器中正確的執行。 為了安全性的理由,JavaScript並沒有定義任何應用程式介面可以存取用戶端硬碟中的檔案,不過在HTML 5,增加了File API,可以用來查詢、讀取或者寫入檔案的內容。 File API中包含了許多JavaScript 物件,例如... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | HTML | 許薰尹Vivid Hsu

使用HTML5 撥放影片

by vivid 4. 七月 2012 01:34
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N120712601 出刊日期:2012/07/04 HTML5定義了video標籤,可以用來撥放影片,這表示以後的瀏覽器便不需要外掛一些軟體就可以達到這樣的目地,video標籤可以和CSS與JavaScript整合,讓我們更容易進行操控影片或音樂的撥放。 HTML5有兩種多媒體項目可以用來撥放影片或聲音,一為video;一為audio。這兩者非常地類似,Video與audio都可以撥放聲音,而不同點在video會顯示影像;audio則不顯示。若您使用audio來撥放影片,則只會有聲... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | 許薰尹Vivid Hsu | HTML

NET Magazine國際中文電子雜誌

NET Magazine國際中文電子版雜誌,由恆逸資訊創立於2000,自發刊日起迄今已發行超過500篇.NET相關技術文章,擁有超過40000名註冊讀者群。NET Magazine國際中文電子版雜誌希望藉於電子雜誌與NET Developer達到共同學習與技術新知分享,歡迎每一位對.NET 技術有興趣的朋友們多多支持本雜誌,讓作者群們可以有持續性的動力繼續爬文。<請加入免費訂閱>

月分類Month List