BloggerAds

2010年8月16日 星期一

網頁架構

最近常常有人問我說網頁到底該怎麼學,聽說有很多寫程式的人一開始是先從網頁起家的,如果把網頁學好以後學程式可以比較輕鬆,我也聽過有這個說法,不過依我的感覺,學習網頁設計的確對於網頁可以比較有認識,可是先決條件你學習網頁一定要自己打開記事本來寫(打開網頁設計軟體直接寫程式碼異同),因為網頁其實有些東西跟程式很像,像是他一定要有結尾,如果沒有結尾網頁就會分生錯誤,跟程式一樣,所以多多學習其實可以先增加自己對於程式的習慣性,再來我就先來跟大家說明網頁的架構應該要怎麼寫.

基本上最簡單的架構是長這樣的:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--DOCTYPE宣告-->

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<!--網頁表頭-->

<body>
<!--網頁內容>
</body>
</html>

基本上這樣是最基本的
而其他中表頭還分為

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/HTML 4/loose.dtd">
要求寬鬆的過渡型DTD,允許繼續使用非推薦的HTML標籤,但不可以使用架構.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/HTML 4/frameset.dtd">
針對框架頁面設計使用的DTD,如果網頁中包含有框架,則可以使用這種DTD,且允許繼續使用非推薦的HTML標籤.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/HTML 4/strict.dtd">
要求嚴格的DTD,不能使用任何非推薦的HTML標籤,標籤屬性與框架.

宣告就這三種而其他的就下次再介紹,今天就先這樣來去忙.

沒有留言:

張貼留言