Close

Not a member yet? Register now and get started.

lock and key

Sign in to your account.

Account Login

Forgot your password?

HTML  // Posts tagged as "HTML"

HTML設計規範[6] 考量結構順序與佈局,提升網站SEO優化

搜尋引擎最佳化 (SEO)、可使用性 (Usability)、可訪問性 (Accessibility),這些都是我們在做CSS Layout的目標。例如:當視覺給的版應當是文字呈現的標題,但卻是用一張圖表示時,這時候就可以用CSS的技巧 (Image Replacement) 來把文字標題替換成圖片。或者像是表單設計加上label來讓使用者更方便…等等方式。

Read more...

製作簡易的電子賀卡

在一些特別的節日裡大家是否會想用簡單的方式來傳遞祝福與關心呢? 今天就分享如何用html製作專屬個人特色的賀卡 […]

Read more...

HTML設計規範[5] 資料結構、語義化,避免多餘的標籤及內容

HTML設計規範[3] 所講到的tag是一些很常用的tag,大部份的版型幾乎都會用到,所以需要徹底瞭解tag的 […]

Read more...

HTML設計規範[4] 正確使用標籤結構的巢狀嵌套規則

底下這張圖是標籤的巢狀嵌套規則,標示出那些tag下,可以出現什麼類型的tag,可以拿來做為巢狀結構的參考依據, […]

Read more...

HTML設計規範[3] 選用符合資料意義的正確標籤

在學會CSS Layout前,要先瞭解CSS Layout並不是單純只是用<div>把所有內容包起來,再用CSS做樣式,就是CSS Layout,而是要對XHTML的標籤有一定的瞭解,這樣才能寫出正確的結構。以下就網頁中常碰到的五大元素類型來介紹XHTML的標籤...

Read more...

HTML設計規範[2] XHTML網頁標誌語言的規則說明

CSS Layout設計首重HTML標籤的語義結構,除了要正確使用結構規則外,也要懂得選用正確的標籤以符合資料本身代表的意義,能夠對語義結構有精確的理解,才算是成功使用CSS Layout設計的第一步。而對於標籤結構我們目前選用的是XHTML 1.0這個標準。

Read more...

HTML設計規範[1] 選用符合標準模式的DOCTYPE宣告

DOCTYPE文件類型定義有很多種,除了用來識別html/xhtml版本之外,同時也告訴瀏覽器該以哪一種模式來顯示網頁,這段宣告一定不可缺少,而且一定要寫在文件的最頂部。我們統一使用符合標準模式的DOCTYPE宣告,這樣即可以解決大部份跨瀏覽器的呈現問題,例如著名的Box Model相容問題。

Read more...

Web前端開發設計概要說明

網頁元素可分成三大部份:結構 (HTML)、樣式 (CSS)、行為 (JavaScript)。前端開發的理想目標,就是要盡量將這三個部份各自分離獨立。透過CSS Layout的設計理念,可以將樣式從結構中抽離出來,透過非侵入式Unobtrusive JavaScript的設計準則,還有jQuery的輔助,可以將行為從結構及樣式中獨立出來。

Read more...