前端遗梦 -- SoberMa

前端遗梦

下面的内容是前面提到的，我花费了很久的时间整理出来的目录。先贴出来，尽量按照这个目录的架构写下去。不过，只看目录也知道这不仅仅是一个简单的体力活，中间需要思考和斟酌的内容也非常多。

序言
—————————————————-
第 1 章 Web前端开发与Web标准
第 2 章前端开发环境与信息架构
- 2.1 前端开发需要面对的环境
  - 2.1.1 浏览环境与多浏览器
  - 2.1.2 跨平台浏览与连接速度
  - 2.1.3 用户喜好与不同用户习惯
  - 2.1.4 显示器与浏览器窗口
- 2.2 抖”包袱儿“，信息架构本书的实例站点
  - 2.2.1 规划我们的Web站点
  - 2.2.2 一个好的Web页面需要什么
  - 2.2.3 确定页面的线框图和设计稿
- 2.3 制定内部规范，让前端开发有规可依
- 2.4 配置高效的Web前端开发软件环境
—————————————————-
第 3 章结构化标记的HTML
- 3.1 HTML基础知识概览
  - 3.1.1 什么是HTML
  - 3.1.2 HTML的由来和发展
  - 3.1.3 HTML的文档结构和元素语法
  - 3.1.4 HTML块状元素和内联元素
- 3.2 为你的HTML文档选择适当的文档类型
  - 3.2.1 为什么需要声明文档类型
  - 3.2.2 怎样选择合适的文档类型
- 3.3 HTML的<head>元素
  - 3.3.1 头部信息主要包含哪些信息
  - 3.3.2 设置文档的首选语言和编码
  - 3.3.3 标明文档的标题、关键词和描述
  - 3.3.4 添加用来描述页面的CSS样式
  - 3.3.5 添加行为层的JavaScript动态脚本
  - 3.3.6 头部还可以包含更多信息
第 4 章结构化标记的HTML语义详解
- 4.1 在 HTML中标记文本内容
  - 4.1.1 不听话的HTML空格元素
  - 4.1.2 用来盛放文本内容的块状容器
  - 4.1.3 用来盛放文本内容的内联容器
  - 4.1.4 不要轻易使用的表现性元素
- 4.2 用列表把关联信息聚合在一起
  - 4.2.1 HTML的三种列表类型
  - 4.2.2 怎样选择合适的列表类型
  - 4.2.3 列表的常见用法和用途
- 4.3 加入图像，丰富Web内容
  - 4.3.1 读图时代，图像真的那么好吗
  - 4.3.2 网页上图像是用来做什么的
  - 4.3.3 img标签元素及其相关属性
- 4.4 用链接构建无形的Web网络
  - 4.4.1 什么是链接，长什么样
  - 4.4.2 你想让它链接到哪里
  - 4.4.3 如何让链接内容一目了然
  - 4.4.4 target，到底该不该遗弃
- 4.5 表格，还原语义生命犹在
  - 4.5.1 表格到底应该用来做什么
  - 4.5.2 看看最基本的表格长什么样
  - 4.5.3 表格，其实你并没那么熟悉
- 4.6 用表单收集提交用户信息
  - 4.6.1 表单是用来做什么的
  - 4.6.2 基本的表单元素有哪些
  - 4.6.3 表单是有动作行为的
  - 4.6.4 了解更多的表单语义和结构
- 4.7 通用容器–div和span元素
  - 4.7.1 元素的语义和显示特性
  - 4.7.2 元素的一般的用途和用法
  - 4.7.3 一些不恰当的语义环境用法
- 4.8 更多HTML元素语义概览
  - 4.8.1 现行标准下的HTML标签语义
  - 4.8.2 HTML5中新添加的语义标签
- 4.9 标准不标准我来验一验
  - 4.9.1 校验？为什么要校验？
  - 4.9.2 如何去进行HTML校验
第 5 章基于HTML的前端页面规范和优化
- 5.1 Web前端内容应该是可访问性的
  - 5.1.1 什么是可访问性，重要吗
  - 5.1.2 可访问性是一种态度和信仰
  - 5.1.3 可访问性具有的特性和要求
  - 5.1.4 可访问性也是有标准遵循的
- 5.2 HTML层面的Web内容可访问性优化
  - 5.2.1 基于结构的可访问性优化
  - 5.2.2 基于内容的可访问性优化
  - 5.2.3 举手之劳，我们可以做更多
- 5.3 所写即所想，所想即所写的结构语义化
  - 5.3.1 结构应该如何描述
  - 5.3.2 结构语义化从何而来
  - 5.3.3 模块化与结构语义化是否矛盾
  - 5.3.4 线框图让你一目了然
  - 5.3.5 写即所想，想即所写
  - 5.3.6 维格式，真的那么好？
- 5.4 HTML与搜索引擎优化
  - 5.4.1 还原标签语义
  - 5.4.2 合理安排页面内容
  - 5.4.3 HTML标签的SEO权重
—————————————————-
第 6 章层叠样式表入门
- 6.1 层叠样式表及其基本规则
  - 6.1.1 什么是层叠样式表
  - 6.1.2 CSS的基本语法规则
  - 6.1.3 CSS常见缩写规则
  - 6.1.4 应用CSS到HTML之中
- 6.2 玩转高级CSS选择器
  - 6.2.1 通用选择器与元素选择器
  - 6.2.2 后代选择器
  - 6.2.3 类选择器与ID选择器
  - 6.2.4 组合选择器与属性选择器
  - 6.2.5 结合符选择器
  - 6.2.6 伪类选择器与伪元素选择器
- 6.3 CSS的层叠、专属和继承
  - 6.3.1 CSS样式属性的层叠效应
  - 6.3.2 专属性，让它只属于你
  - 6.3.3 非常时刻!important非常声明
  - 6.3.4 该继承的还是要继承下去
- 6.4 CSS的变通、过滤和hacks技巧
  - 6.4.1 针对IE浏览器的条件注释
  - 6.4.2 变通还是过滤，换种思路想一下
  - 6.4.3 没办法的办法，CSS hacks
第 7 章是时候开始编写表现层的CSS了
- 7.1 用CSS格式化文本样式
  - 7.1.1 控制字体外观的CSS字体属性
  - 7.1.2 CSS文本及其对齐属性
- 7.2 CSS布局的盒子模型
  - 7.2.1 是的，每个元素都是个盒子
  - 7.2.2 盒子是有内外边距和边框的
  - 7.2.3 好好算算盒子的宽度和高度
  - 7.2.3 适合一切的盒子模型
  - 7.2.4 玩转文档流
- 7.3 CSS颜色和背景
  - 7.3.1 用CSS设置颜色
  - 7.3.2 用CSS添加背景颜色
  - 7.3.3 深入了解CSS背景图像
  - 7.3.4 Sprites，背景图像的高级应用
- 7.4 样式化列表和链接
  - 7.4.1 CSS列表的风格样式详解
  - 7.4.2 链接状态和链接样式详解
  - 7.4.3 列表+链接构建简单导航菜单
- 7.5 用CSS美化表格
  - 7.5.1 表格的基本结构知识回顾
  - 7.5.2 用CSS进行表格基本设置
  - 7.5.3 常见的表格变形和美化方法
  - 7.5.4 常见的表格显示错误和补救
- 7.6 用CSS进行表单的设计和布局
  - 7.6.1 表单结构标签回顾与表单创建
  - 7.6.2 按部就班用CSS来美化表单
  - 7.6.3 CSS表单的兼容和优化
  - 7.6.4 实践中的复杂表单布局之道
- 7.7 CSS浮动与清除
  - 7.7.1 为什么会有浮动和清除
  - 7.7.2 浮动是如何工作的
  - 7.7.3 什么情况下会用到清除
  - 7.7.4 浮动的常见bug及应对措施
  - 7.7.5 清除的几种常见解决方案
- 7.8 用CSS进行页面布局定位
  - 7.8.1 网页是个美丽的矩形世界
  - 7.8.2 用静态定位来进行定位
  - 7.8.3 用相对定位来定位模块
  - 7.8.4 绝对定位的用途和用法
  - 7.8.5 固定定位及其特殊通途
第 8 章基于CSS的前端页面性能优化和规范
- 8.1 CSS语义化命名方法和规范
  - 8.1.1 直观命名方法
  - 8.1.2 结构化命名方法
  - 8.1.3 遵循惯例进行命名
  - 8.1.4 值得推荐的语义化命名方法
  - 8.1.5 CSS语义化命名的惯例总结
- 8.2 浏览器渲染性能和CSS书写顺序
  - 8.2.1 浏览器是如何渲染并呈现Web页面的
  - 8.2.2 不同属性的渲染时间和顺序是不同的
  - 8.2.3 依据浏览器性能和习惯建立书写顺序
- 8.3 CSS与搜索引擎优化
  - 8.3.1 为CSS图像设置替代文本
  - 8.3.2 显示属性与搜索引擎抓取
- 8.4 基于CSS的内容扩展和约束
  - 8.4.1 无限扩展还是处处约束
  - 8.4.2 哪些地方应该充分扩展
  - 8.4.3 良好体验下的适当约束
—————————————————-
第 9 章 CSS全局设置和页面布局技巧
- 9.1 CSS 格式化重设解决浏览器解释差异
  - 9.1.1 对元素默认属性进行重新设定
  - 9.1.2 修复浏览器之间的差异bug
  - 9.1.3 进行全局的文本和标签风格设定
- 9.2 网页布局的常见策略
  - 9.2.1 不定宽度的液态布局
  - 9.2.2 固定宽度的网页布局
  - 9.2.3 适应用户的弹性布局
  - 9.2.4 基于宽度的可变布局
- 9.3 基于浮动和清除的页面布局
  - 9.3.1 相同方向浮动的页面布局
  - 9.3.2 反向浮动的页面布局技巧
  - 9.3.3 常见浮动布局的实例和分析
- 9.4 用CSS定位来进行页面布局
  - 9.4.1 如何实现用定位进行布局
  - 9.4.2 常见定位布局的实例和分析
  - 9.4.3 定位布局的不足之处与适用场景
- 9.5 奇思妙想的负边距布局方法
  - 9.5.1 真的还可以有负值？
  - 9.5.2 负值的常用场景与技巧
  - 9.5.3 负值用于布局？有点夸张吧？
  - 9.5.4 负值布局的实例和分析
- 9.6 探析左右等高的布局方式和技巧
  - 9.6.1 借助背景图片来实现视觉等高
  - 9.6.2 借助边框模拟和负边距来实现等高
  - 9.6.3 应用JavaScript脚本来实现等高
  - 9.6.4 用纯CSS实现？靠谱吗？
- 9.7 探寻网页布局的圣杯模型
  - 9.7.1 圣杯模型的缘起
  - 9.7.2 圣杯，关键还是一种思路
  - 9.7.3 思路决定出路，动手来实现
- 9.8 构建栅格来进行工业化布局
  - 9.8.1 栅格的理念是从何而来的
  - 9.8.2 为什么要用栅格来进行布局
  - 9.8.3 依据黄金分割理论构建栅格原型
  - 9.8.4 自己动手构建栅格系统
  - 9.8.5 应用栅格进行简单页面布局
- 9.9 综合应用构建自己的CSS框架
  - 9.9.1 CSS布局框架的思想和应用
  - 9.9.2 CSS布局框架的基本构成元素
  - 9.9.3 整合元素组合构建CSS框架
  - 9.9.4 动手打造基于框架的演示页面
第 10 章亲密接触前端项目全过程，完成本书实例站点
- 10.1 分析细节并进行全局统筹
- 10.2 需求分类整理及细节规划
- 10.3 使用CSS进行页面布局代码实施
- 10.4 页面基本元素模块化代码实现
  - 10.4.1 用CSS打造完美的分页代码
  - 10.4.2 完善美化CSS登录表单
  - 10.4.3 自适应宽高的CSS圆角矩形
  - 10.4.4 自适应宽高的圆角内容模块
  - 10.4.5 自适应宽度的滑动门导航条
  - 10.4.6 水平垂直导航菜单
- 10.5 自上而下进行CSS代码的简化和优化
- 10.6 组合构建完整前端页面
—————————————————-
附录
- HTML结构语义收藏
- CSS属性快速参考手册
- 浏览器CSS支持收册
- HTML嵌套规则手册