<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内容中的特殊字符使用字符实体.