網(wǎng)站重構(gòu)：應(yīng)用Web標(biāo)準(zhǔn)進(jìn)行設(shè)計(jì)（第3版）

第1部分
第0章　在開(kāi)始閱讀之前
0.1　終止不斷“改版-淘汰”的怪圈
0.2　不要死讀書
漸進(jìn)的標(biāo)準(zhǔn)，而不是一套不變的硬性規(guī)定
0.3　一些重要的定義
0.4　一種方法不能解決所有問(wèn)題
0.5　歡迎優(yōu)勝團(tuán)隊(duì)
第1章　99.9%的網(wǎng)站已經(jīng)過(guò)時(shí)了
1.1　現(xiàn)代瀏覽器和Web標(biāo)準(zhǔn)
1.2　新版本新代碼
1.3　多版本問(wèn)題
1.4　垃圾代碼來(lái)了
錯(cuò)誤標(biāo)記：最初，個(gè)人環(huán)境是無(wú)約束的
1.5　代碼分支可能影響你網(wǎng)站的長(zhǎng)期健康
1.6　臃腫標(biāo)記的隱藏成本
1.7　向前兼容（backward-compatibility）是一個(gè)謊言
屏蔽用戶不利于業(yè)務(wù)發(fā)展
1.8　治療
第2章　根據(jù)標(biāo)準(zhǔn)設(shè)計(jì)和建造
2.1　歷經(jīng)磨難
2.2　無(wú)標(biāo)準(zhǔn)時(shí)代的設(shè)計(jì)成本
2.3　時(shí)髦的站點(diǎn)，古老的方法
2.4　Web標(biāo)準(zhǔn)三劍客
2.4.1　結(jié)構(gòu)
2.4.2　表現(xiàn)
2.4.3　行為
2.5　實(shí)際應(yīng)用
2.6　Web標(biāo)準(zhǔn)組織：可移植性
一個(gè)文檔服務(wù)所有需求
2.7 “A List Apart”：一個(gè)頁(yè)面，多種顯示方式
2.7.1　屏幕以外的設(shè)計(jì)
2.7.2　節(jié)約時(shí)間和成本，增加擴(kuò)展性
2.8　我們?nèi)ハ蚝畏?
第3章　溫和勸導(dǎo)
第4章　Web標(biāo)準(zhǔn)的未來(lái)
4.1　可發(fā)現(xiàn)性、聚合、博客、播客、長(zhǎng)尾、Ajax
4.1 （以及其他使標(biāo)準(zhǔn)成功的理由）
4.1.1　通用語(yǔ)言XML
4.1.2　發(fā)明的源泉
4.1.3　標(biāo)準(zhǔn)的未來(lái)
4.2　HTML5的誕生
4.2.1　IE瀏覽器和Web標(biāo)準(zhǔn)
4.2.2　創(chuàng)作和出版工具
第2部分
第5章　現(xiàn)代標(biāo)記語(yǔ)言
5.1　垃圾代碼標(biāo)記的可恥秘密
5.1.1　重新闡述了什么
5.1.2　執(zhí)行概要
5.1.3　XHTML 2為你我而生？
5.2　5個(gè)堅(jiān)持用HTML原因
5.3　5個(gè)使用XHTML 1原因
5.4　不使用XHTML 1的原因
第6章　XHTML和語(yǔ)義標(biāo)記
6.1　轉(zhuǎn)換到XHTML：規(guī)則簡(jiǎn)單，容易上手
6.1.1　用正確的文檔類型（DOCTYPE）和命名空間（Namespace）
6.1.2　哪一種DOCTYPE適合你
6.1.3　嚴(yán)格與過(guò)渡：我們這個(gè)時(shí)代的大戰(zhàn)役
6.1.4　緊隨DOCTYPE之后的是Namespace
6.1.5　聲明你的字符集
6.1.6　用小寫字母書寫所有的標(biāo)簽
6.1.7　給所有屬性值加引號(hào)
6.1.8　所有屬性都需要值
6.1.9　關(guān)閉所有的標(biāo)簽
6.1.10　不要在注釋內(nèi)容中使用“—”
6.1.11　將所有的＜和＆符號(hào)編碼
6.1.12　執(zhí)行概要：XHTML的規(guī)則
6.1.13　字符編碼：無(wú)趣，很無(wú)趣，真的很無(wú)趣
6.2　結(jié)構(gòu)健康——對(duì)我有益
6.2.1　用理性代替樣式來(lái)標(biāo)記你的文檔
6.2.2　視覺(jué)元素和結(jié)構(gòu)
第7章　HTML5：新的希望
7.1　HTML5和Web應(yīng)用程序：風(fēng)險(xiǎn)很大
7.2　HTML5和XHTML
該死的命名法
7.3　HTML5元素大檢閱
7.3.1　頁(yè)面結(jié)構(gòu)的語(yǔ)義化
7.3.2　HTML5：只是個(gè)規(guī)范
7.3.3　學(xué)習(xí)更多
第8章　更嚴(yán)格穩(wěn)健的頁(yè)面保證：結(jié)構(gòu)和語(yǔ)義
8.1　div、id及其他
8.1.1　為什么叫div
8.1.2　id與class
8.2　讓你的內(nèi)容容易找到，容易使用
8.2.1　語(yǔ)義化標(biāo)記和可重用性
8.2.2　現(xiàn)代標(biāo)記的常見(jiàn)錯(cuò)誤
8.2.3　divs剛剛好
8.2.4　熱愛(ài)id
8.2.5　清除（或最小化）內(nèi)嵌CSS和腳本
8.2.6　暫停并回顧
第9章　CSS入門
9.1　CSS概述
9.2　CSS的優(yōu)點(diǎn)
9.3　樣式解析
9.3.1　選擇器、聲明、屬性和值
9.3.2　可選值和默認(rèn)值
9.3.3　繼承和它的不足之處
9.3.4　派生選擇器
9.3.5　class選擇器
9.3.6　外聯(lián)、嵌入、內(nèi)聯(lián)樣式
9.4 “最合適方案”的設(shè)計(jì)方法
第10章　CSS布局：標(biāo)記、盒模型和浮動(dòng)
10.1　頁(yè)面流之道
10.2　盒模型
盒模型是如何工作的
10.3　實(shí)用布局101
10.3.1　從基礎(chǔ)開(kāi)始
10.3.2　使用class
10.4　重新進(jìn)行布局
10.4.1　內(nèi)容清單，終極版
10.4.2　應(yīng)用樣式
10.4.3　再次運(yùn)用浮動(dòng)
10.4.4　處理細(xì)節(jié)
10.5　小結(jié)一下
第11章　深入瀏覽器　第一部分：DOCTYPE切換和標(biāo)準(zhǔn)模式
11.1　DOCTYPE切換的傳奇故事
11.1.1　用來(lái)切換標(biāo)準(zhǔn)的開(kāi)關(guān)
11.1.2　切換開(kāi)關(guān)浮出水面
11.2　DOCTYPE切換基礎(chǔ)
11.2.1　切換有多準(zhǔn)確
11.2.2　Web標(biāo)準(zhǔn)和IE8
11.2.3　Web標(biāo)準(zhǔn)和Gecko
11.2.4　完整的和不完整的DOCTYPE
11.2.5　完整的XHTML DOCTYPE列表
11.2.6　保持簡(jiǎn)單
第12章　深入瀏覽器　第二部分：Bug、變通 辦法和CSS3帶來(lái)的一線希望
12.1　細(xì)述CSS的Bug
12.1.1　浮動(dòng)元素的雙倍邊距Bug
12.1.2　PNG圖片的透明背景問(wèn)題
12.1.3　前進(jìn)之路
12.1.4　發(fā)現(xiàn)問(wèn)題僅僅是戰(zhàn)斗的一半
12.2　CSS3：新的熱點(diǎn)
12.2.1　關(guān)于Alpha通道
12.2.2　突破四四方方的樣子
12.2.3　讓編碼器注意
12.3.4　重新思考“支持”
12.3　Flash和QuickTime：期望的對(duì)象
12.3.1　可嵌入的對(duì)象：一個(gè)傲慢與復(fù)仇的故事
12.3.2　W3C的雙重報(bào)復(fù)
12.3.3　折中方法：在支持標(biāo)準(zhǔn)的同時(shí)嵌入多媒體
12.3.4　美中不足：對(duì)象失效
12.3.5　使用一點(diǎn)JavaScript
12.4　一個(gè)枯燥的變通方法世界
第13章　深入瀏覽器　第三部分：文字版式
13.1　關(guān)于文字版式
13.2　Web字體的A-B-C
13.2.1　Web字體的簡(jiǎn)短歷史
13.2.2　最終的標(biāo)準(zhǔn)尺寸
13.2.3　手臂和像素
13.3.4　無(wú)聲無(wú)息地被遺忘
13.3　字體尺寸的冒險(xiǎn)之旅
13.3.1　頁(yè)面縮放功能：使像素更安全
13.3.2　使用em值來(lái)設(shè)定尺寸：歡笑和眼淚
13.3.3　使用字體尺寸關(guān)鍵詞的方法
13.4　我想要我的“Franklin Gothic”字體！
13.4.1　CSS@font-face：在Web上使用現(xiàn)實(shí)的字體
13.4.2　sIFR——可訪問(wèn)的替代類型
13.4.3　Cufón——“使用你想用的字體”
13.4.4　Typekit和它的兄弟們
第14章　可訪問(wèn)性：Web標(biāo)準(zhǔn)的靈魂
14.1　建立可訪問(wèn)性網(wǎng)站的五個(gè)技巧
14.1.1　開(kāi)始
14.1.2　使用有邏輯的頁(yè)面結(jié)構(gòu)
14.1.3　提供鍵盤訪問(wèn)的方法
14.1.4　提供可選方案
14.1.5　挑選一種標(biāo)準(zhǔn)，然后堅(jiān)持下去
14.2　有關(guān)訪問(wèn)性的書籍
14.3　普遍的質(zhì)疑
14.3.1 “盲人億萬(wàn)富翁”
14.3.2　可訪問(wèn)性不只是視力受損用戶的問(wèn)題
14.3.3　508條款的解釋
14.4　糾正關(guān)于可訪問(wèn)性的錯(cuò)誤觀點(diǎn)
14.5　關(guān)于可訪問(wèn)性的小技巧，一個(gè)一個(gè)元素地介紹
14.5.1　圖片
14.5.2　專業(yè)工具
14.5.3　保持有效的Tab鍵：我們的好朋友，tabindex屬性
14.5.4　為可訪問(wèn)性做計(jì)劃：你將受益良多
第15章　使用基于DOM的腳本語(yǔ)言
15.1　關(guān)于DOM的書
15.2　DOM是什么
15.2.1　使網(wǎng)頁(yè)變得像應(yīng)用程序的標(biāo)準(zhǔn)化方法
15.2.2　那么，它在哪里運(yùn)行呢
15.3　合理使用DOM
15.3.1　它是如何工作的
15.3.2　檢查是否支持
15.3.3　不同的代碼書寫方式
15.3.4　樣式切換器：有助于增強(qiáng)可訪問(wèn)性，提供更多的選擇
15.4　學(xué)會(huì)使用你喜愛(ài)的（JavaScript）開(kāi)發(fā)庫(kù)
15.5　你應(yīng)該如何使用DOM呢
第16章　一個(gè)網(wǎng)站重構(gòu)的實(shí)例
16.1　來(lái)自過(guò)去的靈感
16.2　根據(jù)內(nèi)容的設(shè)計(jì)
16.2.1　留白
16.2.2　字體、介紹和首字母下沉
16.2.3　基本模式
16.2.4　頁(yè)腳的創(chuàng)新
16.2.5　刊頭設(shè)計(jì)
第17章　NYMag.com：簡(jiǎn)單的標(biāo)準(zhǔn)，迷人的界面
17.1　檢視內(nèi)容
從內(nèi)容檢視到實(shí)現(xiàn)策略
17.2　再次深入標(biāo)記
17.3　開(kāi)始應(yīng)用樣式表
有了方法，其他的就簡(jiǎn)單了
17.4　使用DOM
17.4.1　結(jié)識(shí)“colgroup”
17.4.2　使用jQuery
17.5　標(biāo)準(zhǔn)貫穿始終