<HeadFirst_HTML與CSS> O’REILLY_Chap.3_Web頁面建設

本部落格的FollowMeReading系列初衷是線上的讀書筆記. 為方便後期查閱, 故寫成部落格形式, 使用關鍵字查詢便可以快讀的找到相關的內容.

FollowMeReading系列所選的書籍一般選自O’REILLY或Apress出版社, 儘量保證筆記內容的權威性.

FollowMeReading系列的部落格標題格式為: <書名> 出版社章節數章節名, 方便大家在紙質版書籍中查詢.

FollowMeReading系列博文中的內容大部分是原文, 非原文部分前面將有’博主’字樣提醒.

感謝<HeadFirst_HTML與CSS>作者 Eric Freeman & Elisabeth Robson
感謝<HeadFirst_HTML與CSS>翻譯 徐陽 丁小峰

本部落格由@scott編寫. 若轉載此文章, 請註明出處和作者

正文

原文

BULLTE POINTS(要點):

• 開始輸入內容之前要規劃好Web頁面的結構.首先畫出一個草圖, 然後建立一個略圖, 最後再寫出HTML.

• 規劃頁面時, 首先設計大的塊元素, 然後用內聯元素完善.

• 記住, 要儘可能使用元素來告訴瀏覽器你的內容的含義.

• 一定要使用與內容含義最接近的元素. 例如, 如果需要一個列表, 就不要使用段落元素.

• <p> , <blockquote> , <ol> , <ul> 和 <li> 都是塊元素, 它們單獨顯示, 在內容前後分別有一個換行(預設地).

• <q> 和 <em> 是內聯元素. 這些元素中的內容與其包含元素的其餘內容放在一起.

• 需要插入你自己的換行時, 可以使用 <br> 元素.

• <br> 是一個”void”元素.

• void元素沒有內容.

• void元素只有一個標記組成.

• “空”元素沒有內容. 不過它有開始和結束標記.

• 巢狀元素是指完全包含在另一個元素中的元素. 如果元素能正確的巢狀, 所有標記都能正確匹配.

• 要結合兩個元素連線一個HTML列表: 使用 <ol> 和 <li> 建立有序列表, 使用 <ul> 和 <li> 可以建立無序列表.

• 瀏覽器顯示一個有序列表是, 它會為列表建立序號, 所以無需你費心.

• 可以在列表中建立巢狀列表, 將 <ol> 或 <ul> 元素放在 <li> 元素中.

• 要對HTML內容中的特殊字元使用字元實體.