書籤

2009/11/11 updated

經驗

市面上HTML的書籍多半教得很雜。若想使自己的網頁符合W3C的標準、每個瀏覽器都能正常看,原來不是件容易事…我藉由修一門通識課(「幾何作圖」,需要做簡單的網頁),把以前學的雜七雜八HTML技術,跟上時代潮流(W3C規範)──XHTML

我直接用 W3C 網站的 HTML Validator 來邊 debug 邊學。用自己整理的範本來改就成了。

邊看書和上網補充相關概念。從雜亂的HTML背景知識過渡到XHTML Strict標準,有許多要注意的細節…以下是雜亂筆記:

  • HTML = 內容,CSS = 外觀。class 或 id 的命名應為內涵(ex: author),不應暗示外觀(ex: right)
  • 全面用小寫字母。有開始標籤就要有結束標籤,例如:<p>, </p>,否則直接用結束標籤如:<br /> 。全面要求 nested structure(巢狀結構)
  • <font>、<hr />、<center>及 align 屬性,皆全面改用 CSS 來描述。CSS置中寫法: margin: auto;
  • inline element (ex: br, code, em, img, span…) 必須放在 block element (ex: p, blockquote, h1, ol, ul, table, pre, div…) 裡面。
  • 用空格以外的字元,區別鄰近連結。
  • <img>必須有 alt 屬性(圖片描述,通常於圖片連結失效時顯示)
  • 禁止此屬性: target="_blank"(另開新視窗/分頁)。這限制其實不太friendly,技術人員認為是否要另開網頁應由使用者自己決定,但一般使用者多半只會單按連結一招啊!)
  • <object>、<embed>的影音播放是太複雜麻煩的技術問題,交給各大BSP與播放服務去解決吧。

參考網站

  • 無聊人的無聊小站-HTMLDog指南
  • eBook《無廢話 XML》
  • 如何設計好網站:無廢話XHTML & CSS (作者:Patrick Griffiths, 出版社:上奇科技)
  • 去書局翻書
  • 延伸:必備書目
  • Ptt 看板《Web_Design》