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

引言 1
第1部分　休斯頓，我們遇到麻煩了
在開始之前 11
費用上升，效益下降 12
終止網(wǎng)站淘汰的怪圈 14
什么是向后兼容 15
沒有規(guī)則，沒有教條 16
實踐，不是理論 18
這樣的轉(zhuǎn)變真的必需嗎 20
第1章　99.9%的網(wǎng)站都是過時的 21
1.1　現(xiàn)代瀏覽器和Web標(biāo)準(zhǔn) 22
新版本中的新代碼 24
1.2 “多瀏覽器版本”問題 25
1.3　向前兼容的代價 27
1.3.1　過時的標(biāo)記：網(wǎng)站所有者的成本 31
1.3.2　向前兼容 33
1.3.3　屏蔽用戶對商務(wù)不利 33
1.3.4　愚蠢之路 38
1.4　垃圾代碼 39
1.5　治療 41
第2章　根據(jù)標(biāo)準(zhǔn)設(shè)計和制作 43
2.1　歷經(jīng)磨難 45
2.2　無標(biāo)準(zhǔn)時代的設(shè)計成本 46
2.3　時髦的站點，古老的方法 47
2.4　悲慘的王國 51
2.5　Web標(biāo)準(zhǔn)三劍客 53
2.5.1　結(jié)構(gòu) 53
2.5.2　表現(xiàn) 56
2.5.3　行為 57
2.6　實際應(yīng)用 57
2.7　過渡方法的好處 58
2.8　Web標(biāo)準(zhǔn)組織：跨平臺性 60
文檔一次建立，隨處使用 63
2.9　“A List Apart”：一個頁面，多種瀏覽方式 63
2.9.1　屏幕以外的設(shè)計 65
2.9.2　節(jié)約時間和成本，增加擴展性 66
2.10　我們要去往哪里 67
2.10.1　過渡型的向后兼容（混合設(shè)計） 67
2.10.2　嚴(yán)格的向后兼容 69
第3章　推廣標(biāo)準(zhǔn)的困難 73
3.1　看起來漂亮，代碼卻丑陋 74
3.1.1　共同的目標(biāo)，共同的手段 76
3.1.2　理解vs真實 77
3.2　2000年：瀏覽器之年 78
3.2.1　IE5/Mac：DOCTPE轉(zhuǎn)換和放大 79
3.2.2　Netscape的大膽轉(zhuǎn)移 82
3.2.3　普遍支持 82
3.3　太少，太遲 83
CSS：第一次嘗試 84
3.4　糟糕的瀏覽器養(yǎng)成壞習(xí)慣 84
3.4.1　默認(rèn)樣式的缺點 85
3.4.2　缺乏繼承 86
3.4.3　混亂的交互行為 87
3.4.4　最終的標(biāo)準(zhǔn)化腳本語言 88
3.5　混亂的網(wǎng)站和令人困惑的標(biāo)簽 89
3.5.1　理論vs經(jīng)濟 90
3.5.2　軟件會幫你做 91
3.5.3　了解產(chǎn)品vs了解標(biāo)準(zhǔn) 91
3.6　字母F 92
3.6.1　Flash的價值 94
3.6.2　使用Flash的問題 96
3.6.3　另外一些使用Flash的問題 96
3.7　兼容是一個禁忌詞語 97
3.7.1　語言對于形成理解的威力 97
3.7.2　靈感問題 98
3.7.3　其他問題 99
第4章　可尋性、聚合、博客、播客、長尾、Ajax（和其他標(biāo)準(zhǔn)勝利的理由） 101
4.1　通用的語言（XML） 103
4.1.1　XML和HTML的比較 104
4.1.2　一個父母，多個孩子 105
4.1.3　專業(yè)定制軟件的基本要素 105
4.1.4　比White Rapper更流行 106
4.1.5　選擇XML的五個因素 108
4.1.6　創(chuàng)造力的寶藏 109
4.1.7　Web發(fā)布工具 113
4.1.8　等候你的使用 114
4.2　XML應(yīng)用程序和你的站點 116
4.3　與生俱來的兼容性 116
4.4　協(xié)作的新時代 117
4.4.1　校驗程序及其規(guī)范 117
4.4.2　校驗程序是怎么工作的 118
4.4.3　WHAT工作小組 119
4.4.4　IE7和Web標(biāo)準(zhǔn)組織
4.4.4　WaSP 119
4.5　Web標(biāo)準(zhǔn)和創(chuàng)作工具 120
4.5.1　Dreamweaver特別小組 120
4.5.2　WYSIWYG工具的成熟 121
4.5.3　從FrontPage到Expression Web Designer 122
4.6　CSS布局的出現(xiàn) 122
4.6.1　瀏覽器向標(biāo)準(zhǔn)升級之戰(zhàn) 123
4.6.2　風(fēng)起云涌 126
4.6.3　無數(shù)正在轉(zhuǎn)變的個人網(wǎng)站和他們依靠的幫助網(wǎng)站 128
4.6.4　最全的CSS知識庫 131
4.7　流行時尚 131
4.8　Web標(biāo)準(zhǔn)的主流 132
4.8.1　商業(yè)站點冒險嘗試 134
4.8.2　Wired Digital的重構(gòu) 135
4.8.3　設(shè)計師的轉(zhuǎn)變 137
4.8.4　點擊隨之而來 139
4.8.5　通過校驗是成功的保證 140
第2部分　設(shè)計與構(gòu)建
第5章　現(xiàn)代標(biāo)記語言 143
5.1　垃圾代碼標(biāo)記的可恥秘密 148
5.2　重新闡述了什么 150
5.3　執(zhí)行概要 152
5.4　什么樣的XHTML適合您 152
5.4.1　XHTML 2為我還是為你而生 152
5.4.2　切換到XHTML的10個最主要的理由 154
5.4.3　不要切換到XHTML的5個最主要的理由 155
第6章　XHTML：Web重構(gòu) 157
6.1　轉(zhuǎn)換到XHTML：規(guī)則
6.1　簡單，容易上手 158
6.1.1　用正確的文檔類型（DOCTYPE）和命名空間（Namespace） 158
6.1.2　聲明你的內(nèi)容類型 161
6.1.3　用小寫字母書寫所有的標(biāo)簽 163
6.1.4　給所有屬性值加引號 165
6.1.5　所有屬性都需要值 166
6.1.6　關(guān)閉所有的標(biāo)簽 167
6.1.7　“空”標(biāo)簽也要關(guān)閉 167
6.1.8　不要在注釋內(nèi)容中使用“——” 168
6.1.9　將所有的<和&符號編碼 168
6.2　執(zhí)行概要：XHTML
6.2　的規(guī)則 169
6.2.1　字符編碼：無趣，
5.4.1　很無趣，真的無趣 169
6.2.2　結(jié)構(gòu)康復(fù)——對我有益 171
6.2.3　用理性代替樣式來標(biāo)志你的文檔 171
6.3　視覺元素和結(jié)構(gòu) 175
第7章　緊湊而堅固的頁面保證：以嚴(yán)格和混合的標(biāo)記組成的結(jié)構(gòu) 177
7.1　所有的元素都必須是結(jié)構(gòu)化的嗎 178
7.1.1　div、id和其他助手 179
7.1.2　語義化標(biāo)記和可重用性 183
7.2　混合布局和簡潔的標(biāo)記：
7.2　要做什么和不要做什么 187
7.2.1　給壞習(xí)慣命名 187
7.2.2　在超文本標(biāo)記中的普遍錯誤 188
7.2.3　divs剛剛好 191
7.2.4　熱愛id 192
7.2.5　消除冗余的表格單元 194
7.3　過時方法的展示 195
7.3.1　映射的時代 195
7.3.2　映射和它的不足 196
7.3.3　沒有結(jié)構(gòu)就沒有可訪問性 197
7.3.4　切割 197
7.3.5　切割時代 198
7.3.6　多余的冗長表格 199
7.3.7　劣質(zhì)CSS登場 200
7.3.8　繼續(xù)前進 204
第8章　XHTML的示例：混合布局（第一部分） 205
8.1　本章使用的過渡方法的好處 206
用樣式表代替JavaScript 206
8.2　基本方法（概述） 206
8.2.1　分割表格：CCS和可訪問性的優(yōu)點 208
8.2.2　什么是跳過導(dǎo)航，以及為什么跳過 208
8.2.3　附加的id屬性 213
8.3　開始標(biāo)記和結(jié)束標(biāo)記是對應(yīng)的 214
8.3.1　導(dǎo)航標(biāo)記：第一個表格 215
8.3.2　陳述、語義、純度、錯誤 216
8.3.3　內(nèi)容標(biāo)記：第二個表格 217
第9章　CSS入門 219
9.1　CSS概述 220
CSS的優(yōu)點 220
9.2　樣式解析 222
9.2.1　選擇器、聲明、屬性和值 222
9.2.2　多重聲明 223
9.2.3　空格和不區(qū)分大小寫 224
9.2.4　字體選擇和默認(rèn)值 225
9.2.5　群選擇符 226
9.2.6　繼承和它的不足之處 226
9.2.7　包含選擇符 228
9.2.8　id選擇符和包含id選擇符 229
9.2.9　類別選擇符 230
9.2.10　組合使用選擇符創(chuàng)造精致的設(shè)計效果 231
9.3　外聯(lián)、嵌入、內(nèi)聯(lián)樣式 234
9.3.1　外聯(lián)樣式表 234
9.3.2　內(nèi)聯(lián)樣式 238
9.4 “最合適方案”設(shè)計方法 238
9.4.1　從嵌入樣式到外聯(lián)樣式：雙表法 239
9.4.2　相對及絕對文件路徑 240
9.4.3　最佳方案設(shè)計法和雙表法的優(yōu)點 240
第10章　CSS應(yīng)用：混合布局（第二部分） 243
10.1　準(zhǔn)備圖片 244
10.2　設(shè)置基本參數(shù) 246
10.2.1　總體樣式，關(guān)于縮寫和邊距的更多內(nèi)容 246
10.2.2　隱藏與塊 247
10.2.3　給鏈接加上顏色（推薦用偽類屬性） 249
10.2.4　其他一般元素示意圖 251
10.2.5　關(guān)于字號的更多內(nèi)容 253
10.2.6　設(shè)置頁面分界線 256
10.3　導(dǎo)航元素：第一個步驟 259
10.4　CSS導(dǎo)航條：在第二個步驟的第一次嘗試 262
10.5　CSS導(dǎo)航條：最后一個步驟 263
10.6　最后一個步驟：外聯(lián)樣式和“You Are Here”效果 268
第11章　使用瀏覽器
第一部分：DOCTYPE轉(zhuǎn)換和標(biāo)準(zhǔn)
第11章　模式 271
11.1　DOCTYPE轉(zhuǎn)換的傳奇故事 272
11.1.1　控制瀏覽器性能：DOCTYPE轉(zhuǎn)換 274
11.1.2　所有完整的XHTML DOCTYPE 277
11.2　感謝瀏覽器的多樣性?。ɑ蛑辽賹W(xué)會接受） 280
第12章　使用瀏覽器
第二部分：第12章　盒模型、bug和工作區(qū) 285
12.1　盒模型和它的不足之處 286
12.1.1　盒模型是怎樣工作的 287
12.1.2　盒模型是怎樣失效的 288
12.1.3　盒模型Hack方法：
12.1.3　使CSS更安全 295
12.2　IE/Windows上的空格bug 298
12.3　IE6/Windows上的漂浮“（Float）”bug 302
漂?。‵loat），時隱時現(xiàn)，遠離 304
12.4　Flash和Quick Time，期望的對象 304
12.4.1　可嵌入對象 305
12.4.2　折中方法：在支持標(biāo)準(zhǔn)的同時嵌入多媒體 306
12.4.3　對象故障 307
12.4.4　權(quán)宜之計 308
第13章　使用瀏覽器
第三部分：排版 311
13.1　字號問題 311
13.2　用戶控制 312
13.3　守舊的方法 312
磅值產(chǎn)生差異 314
13.4　目前使用的標(biāo)準(zhǔn)尺寸，但它又能延續(xù)多久 315
13.4.1　好工作會被隨便一個單擊而否定 318
13.4.2　探尋被遺忘的角落：對瀏覽器上變化的錯誤反應(yīng) 318
13.4.3　標(biāo)準(zhǔn)尺寸和最佳做法 320
13.5　em理論的失敗 321
用戶的選擇和em單位 321
13.6　像素的作用 322
13.6.1　最小的單位：它是相對而言的 323
13.6.2　像素的缺點 324
13.7　字體關(guān)鍵字法 325
13.7.1　為什么關(guān)鍵字比em和百分比好 325
13.7.2　關(guān)鍵字執(zhí)行程序的首要問題 326
13.7.3　可用字體：持續(xù)問題 329
第14章　可訪問性基礎(chǔ) 331
14.1　有關(guān)訪問性的書籍 333
14.2　普遍的錯誤觀念 334
天才的參與 335
14.3　法律和布局 338
508條款的解釋 339
14.4　深入分析對可訪問性的錯誤說法 341
14.4.1　錯誤的說法：可訪問性迫使你要為網(wǎng)站創(chuàng)建兩個版本 341
14.4.2　錯誤的說法：純文檔網(wǎng)站能給每個人都提供相等的可訪問性 341
14.4.3　錯誤的說法：可訪問性代價太高 341
14.4.4　錯誤的說法：可訪問性迫使你創(chuàng)建原始的、低檔的設(shè)計 343
14.4.5　錯誤的說法：根據(jù)508
14.4.4　條款，網(wǎng)站必須在所有的瀏覽器和用戶代理上看上去都一樣 344
14.4.6　錯誤的說法：可訪問性“只是為殘障人士服務(wù)的” 344
14.4.7　錯誤的說法：Dreamweaver MX/Cynthia Says/Lift/InsertTool Name以及其他一些工具可以解決所有可訪問性問題 345
14.4.8　錯誤的說法：如果客戶提出可以忽略可訪問性，設(shè)計師就可以不理睬可訪問性條款 346
14.5　關(guān)于可訪問性的一點技巧，一個元素接一個元素 346
14.5.1　圖片 346
14.5.2　蘋果的QuickTime和
14.5.2　其他視頻流媒體 349
14.5.3　Macromedia Flash 4/5 349
14.5.4　Macromedia Flash MX和Flash 8 349