Web标准之道:博客园精华集

本书由来自博客园知名博主联手打造，涉及Web标准、HTML/CSS、Ja360百科vaScript、命执过SEO优化等诸多领域，内容新颖，观点独特，妙语连珠。本书并不是一本由代码和技巧堆积而成的集合，更多显的是探讨了Web设计中攻三若干理念和心得，其中坏输材多为经验之谈形推裂流位使。

• 书名 Web标准之道:博客园精华集
• 作者  阿一，棕熊，李战，丁学 编著
• ISBN  9787115208972
• 页数 297
• 定价 35.00

编辑推荐

推荐一

　　这是一本关于web标准、前端编程、网站优化的集成大作，代表了博客园在web领域的最高水准。

　　所选文章大多是经验之谈，来自所谓技术人士的"心灵老鸭汤";全书最有撼力的文章，莫过于Cat che360百科n的《欲练CSS，必先宫IE》;鸟食轩和老赵的文章偏实用，主要集中在Javascript领域，爆牙齿的《重构之美》系列，间即很输则有"采菊东篱下，悠然见南山"的意境。

推荐二

　　《Web标准之道:博客园精华集》由人民邮电出版社出版。半年前，在博客同这某械茶烈作修深杆大旗下的感召下，一群园友聚到了一起，组成了矛的些片博客园精华集编委会，酝酿终年着一出好戏。这期间，有过争执，但更多的是合作。长期的磨合，使得来自五经湖四海的编委会成员互相熟悉，甚至无话不谈。这，也是一种财富。今天，博客园这坛好酒，在陈酿了五年化力儿件之后，终于要开封了。这是一本关于Web标准、前端编成带粉指维维权程、网站优化的集大成费频委最赶讨煤般之作，代表了博客园在Web明陆极营伟木另黄甚渐奏领域的最高水准。所选文章大多是经验之谈，所谓技术人士的"心灵老鸭汤":全书最有撼力的文章，莫过于Cat Chen的《欲练CSS，必先宫IE》;鸟食轩和老赵的文章偏实用，主要集中在Javascript领域;爆牙齿的《重构之美》系列，则有"采菊东篱下，悠然见南山"的意境。 妙笔生花之作不胜枚举，正所谓:备美酒兮以飨佳朋，身心俱醉。

内容简介

　　无论对于从事Web前端设计的人士，还是对于那些从事W正讲争和业输eb后端编程的技粒部继屋军坏府术人员，本书都极具参考价值。其中时常有颠覆传统之作，个中滋味，请读者磁衣务关怕额社帝厚算自行品味。

目录

第一部分HTML/CSS

　　谈谈网页设计中的字体应用(1) Font Set ......................................... 1

　　目前的网页还是以文字信息为主，而字体作为文字表现形式的最重要参数之一，自然有着相当重要的地位。可惜字体的重要性在很长时间内并没有得到足够的重视……

　　谈谈网页设计中的字体应用(2) serif 和sans-serif.............................. 药安做责儿科4

　　有多少人可以正确的来希喜马想志受使用它们呢?有多少人真正了解这两个通用字体族呢?让本文给您一个最清楚深入的剖析吧

　　谈谈网页设计中的字体应用(3) 实战应用篇·上 .................................. 9

　　谈谈网页设计中的字体应用(4)来自实战应用篇·下 ..............360百科...........山针验态紧无极多失........ 13

　　纸上谈兵终是虚，让我们在战场上学习更多的技能

　　让CSS区分各种各样的<input> ................................................. 18

　　<in记生两然存末巴汉put>实在太多了，但镇它们却不可能使用相同的样式，当我们不想添加成片的class时，试试这孙原态里的方法吧，四个解决方案，总有一个您需要的

　　一个常被问道的问题:如何让层盖住<select>..................................... 25

　　IE6依然是目前的主流浏览起于苏握染附料落至将器，IE6的<select>也一直"高高在上"，经常遇到的问题却成为一直以来的话题，本文将为您展现终极解决方案

　　兼容IE, Firefox 的图片自动缩放的CSS ........................................ 29

　　厌烦了写大量的Jav宪适aScript来控制一个个世却教委充艺司校的图片?那么来用CSS吧!(当您不能确定expression将会带来什么过音旧王春的时候，请谨慎使用)

第二弱死个流部分WEB标准

　　web标准页面设计――要注意的很多效设块苗.............岩适....................气............30

　　本文是作者在做完一个大型项目之后的总结，提到了很多方面，相离笑木比排吸会眼告信这些知识点对所有走在WEB标准化道路上的人计制选被胶跳额是都有很大的帮助

　　欲练CSS ，必先宫IE ......................................................... 36

　　Win国天下，欲练CSS之人不在少数，大多不得要领，又或是走火入魔，全为IE所累。故曰:欲练CSS，必先功IE

　　你有<table/> 强迫症吗? .....................续斯侵金细须洋..............................39

　　如果你宫了IE然而还是觉得不得要领，那就该怀疑自己是不是有传说中的table强迫症了

　　根本不百封课画顾改存在DIV + CSS布局这回事 ............................................. 41

　　看了上面的两篇，您是不是已经开始拿DIV+CSS布局来和table布局进行比较了?实际上，用于布局的只有CSS，根本不存在DIV+CSS布局这回事

　　慎用XHTML 标签的自关闭写法................................................ 44

　　请注意:并不是所有标签都可以自关闭!

　　web标准不标准 ..............................................................46

　　一群会用table蹩脚布局的网页初学者嘲笑着那些对网页制作一窍不通的门外汉;而一群自认为table布局无所不能的table布局拥护者则嘲笑着那群用table蹩脚布局的网页初学者;那些刚试着将几个页面中的table换成div的所谓的web标准设计者则嘲笑这那群死抱table布局不放的table布局设计者;而一群焦头烂额终于在网站上贴上"W3C验证通过HTML网站"图标的自认高高人的web标准设计者则嘲笑这那群以为"DIV+CSS"就是web标准的web标准设计初学者;但是当我们把我们的网页放在不同的浏览器中的时候，却发现我们全部都被"WEB标准设计"嘲笑了……

　　走在Web标准化设计的路上[唠叨先] ............................................50

　　晕，现在才谈XHTML是不是太晚了点，这东东2004就火了一把了。其实，作为一项技术，没有火与不火的说法，也没有早与晚的说法。技术的生命力和火没有关系，不知道不理解没学会怎么都不晚

　　走在Web标准化设计的路上[振臂一呼:CSS, Stop! ] ...............................52

　　近几年WEB标准的推广变成了CSS的推广，CSS重要吗?我们不要CSS行不行?你找一大堆完全合理的理由……"行不行?""行!"那就对了，我说不要你的Css，我要他的Css，又行不行?那么和xhtml相比，Css重要在哪里?

　　走在Web标准化设计的路上[深入结构:理解h系列的不合理] ........................54

　　问题:HTML中的六个标题Tag(h1/h2/h3/h4/h5/h6)，设计是否合理?理由?解决办法?

　　走在Web标准化设计的路上[对HTML/XHTML/XML/XSL的一些认识] .................... 59

　　让我们从这里开始更深入的了解这些L们

　　走在Web标准化设计的路上[深入结构:合理运用div和span。] ..................... 62

　　把div看成是布局元素的人非常多，类似有"用div代替table进行布局"、"实战CSS+DIV布局"等等等等，太多了，可是，div却不是布局元素，更可怕的是XHTML中根本不存在一个布局元素……

　　走在Web标准化设计的路上[深入结构:div再议以及对span的迷惑。] ............... 66

　　上篇文章中主要否定了使用div进行布局这种说法，提出div应当用于组织代码结构，现在我们再深入一点，div拥有语义吗?

　　走在Web标准化设计的路上[复杂表单] ..........................................70

　　走在Web标准化设计的路上[复杂表单:Reloaded] .................................73

　　一直有种说法:table用于数据表，对于复杂表单，table也是最好的选择，那么，到底复杂表单是否应该使用table?

　　走在Web标准化设计的路上[深入语义:列表和表格的抉择。] ........................ 80

　　问题:XHTML中的列表Tag(ul/ol)和表格Tag(table)区别何在?对于单列多行下的数据表，如何判断和选择?

　　IE7标准之道--1:更丰富的CSS选择符........................................ 85

　　IE7最令网页设计者兴奋的改进，便是支持更多、更丰富的CSS选择符，使得IE7可以更方便的实现一些在IE6很难实现或者无法实现的效果。下面就让我们看看这些令人兴奋的、IE7新支持的选择符

　　IE7标准之道--2:引起页面布局混乱的祸首 .................................... 97

　　页面乱了!谁搞的?让本文带您进入侦探之路……

　　IE7标准之道--3:歌剧院魅影bug.............................................116

　　估计很多的朋友都对这个华丽的"歌剧院魅影"有眼前一亮的感觉，其实这纯粹是一个标题党作为，这个bug和歌剧院半毛钱关系都没有。这个bug在国际上比较获得认可的名字叫做--"IE6重复文字bug"。这是一个非常好玩但是有很令人摸不到头脑的bug

　　IE7标准之道--4:上去了!终于上去了! ....................................... 120

　　这个IE6一个很著名且诡异的bug，很简单，也很容易重现，说白了就是:列表框(select)一直把div踩在脚底下。因为这个bug，不知道多少浮动菜单被破坏

　　IE7标准之道--5:置换元素与行距bug........................................ 125

　　也许您没有听说过"置换元素"这个词，但这个问题您一定遇到过

　　IE7标准之道--6:float双倍margin bug ..................................... 132

　　很出名，很常见，很简单，如何修正呢?这里有最好的答案

　　IE7标准之道--7:躲猫猫bug ................................................138

　　我的文字不见了!躲哪里去了?IE开发团队都不知道，我们怎么可能知道?但是我们却有办法找出这个猫猫

　　IE7标准之道--8:疯了的边框线 .............................................143

　　疯了，边框线算是彻底的疯掉了，这里却没有"为什么"，还好，我们有"怎么办"

第三部分 安全与优化

　　Web开发中你注意这些问题了吗?(前台构架篇) ................................. 150

　　Web2.0带给我们更好的用户体验和更炫更酷的效果，Javascript，Flash, Silverlight都是跃跃欲试。于是，我们网站中有了越来越多的JS和CSS的文件和代码，随着数量的增多，如何管理这些文件和这些代码、如何通过合理的方式来提升性能，已经是我们必须面对的问题

　　如何利用客户端缓存对网站进行优化 .......................................... 155

　　你的网站在并发访问很大并且无法承受压力的情况下,你会选择如何优化?很多人会回答服务器缓存，其实这里有更好的方式，客户端才是我们真正的战场

　　如何提高网页的效率(上篇)--提高网页效率的14条准则 ........................ 159

　　网站最基本的东西是什么?--内容?SEO(搜索引擎优化)?UE(用户体验)?都不对!是速度!

　　如何提高网页的效率(下篇)--UseYSlow to know why your web Slow ............. 168

　　工欲善其事，必先利其器，上篇讲到网站最基本是速度，这一次将为大家带来很好用的工具，来协助我们提升网站的速度

　　关于web应用程序安全的思考.................................................. 174

　　没有绝对的安全，在WEB上更没有，那么对于一个WEB程序来讲，至少我们应该做到:如果让自己(一个有经验的web开发人员)来攻击这个系统，不能做到。http协议是开放的﹐因此谁都能向网络上公开的web服务器发送request请求﹐要求一个URL，而可惜的是，web服务器对于请求方的识别能力是很低的。使用URL进行安全管控的关键不是判断URL，而是判断每次request，检查每次request是否合法，以防止安全漏洞

　　SEO--我们是不是走错了路?................................................203

　　多少公司把钱给了搜索引擎?多少人每天为SEO而工作?我们的工作是必要的吗?SEOer的存在是正确的吗?是不是在这条路上我们走进了迷途?存在即是合理，但我们依然可以停下来想一想，什么才应该是我们真正的追求……

第四部分 JavaScript

　　JavaScript变量作用域及可访问性的探讨 ......................................205

　　永远的话题，永远的焦点，不过，你可能永远无法找到比这里更好的探讨

　　Javascript中的this关键字..................................................212

　　你不知道的JavaScript – "this" ........................................... 221

　　两大高手共论"this":太常用了，所有写过JavaScript的人都用过，以至于我们每个人都会认为自己很了解它，但是，我们真的了解吗?是不是在我们的理解之外，还有什么是我们没有想到的呢?看过这两篇文章后，你会发现一个与你原来的理解所不一样的"this"

　　JavaScript代码压缩、加密算法的破解分析及工具实现 ...........................227

　　现在网上很多JavaScript都进行了压缩，同时代码变得不可直接阅读，也相当于一种简单的加密了，本文对其中一种典型的算法进行分析，介绍如何解密代码以及重新实现的压缩工具算法

　　JavaScript Table排序.......................................................237

　　网上也有很多其他的table排序函数，但有的是基于数组，有的不够灵活。这一个能在原有table结构上加入功能，不用太多改动，基于OO的结构也易于使用(当然前提是对js有一定认识)。这里只是满足基本需求，你可以自己动手扩展

　　设计模式在JavaScript中的应用(1) – MVC ..................................... 244

　　采用了设计模式，无疑您的程序将具有更好的健壮性，可维护性以及易读性。所以，作为能工巧匠的您，也一定不会放过令程序蓬荜生辉的机会。让我们一起领略MVC模式

　　设计模式在JavaScript中的应用(2) – Observer ................................ 252

　　上篇我们讨论了Web开发中最重要的设计模式MVC，这一篇我们要讨论的是Observer模式，与MVC这样的大型设计模式相比，Observer模式则要轻量很多

　　JavaScript面向对象之属性实现 ..............................................257

　　属性是对私有变量的一种保护手段，同时提供了像public变量一样的使用效果，近代的高级编程语言例如C#和Java都支持了属性这一特点，让我们在JavaScript里实现相同的功能吧

　　基于"甘露模型"的多重继承和接口实现，附带"准"桥接模式的验证 ................ 260

　　你是否听过"甘露模型"呢?那你是否觉得它在某些地方还不是特别完善?那么，在这篇文章里，让我们继续这个话题，让甘露来得更多一些吧

　　在JavaScript面向对象编程中使用继承(1) ..................................... 267

　　在JavaScript面向对象编程中使用继承(2) ..................................... 272

　　在JavaScript面向对象编程中使用继承(3) ..................................... 274

　　在JavaScript面向对象编程中使用继承(4) ..................................... 277

　　在JavaScript面向对象编程中使用继承(5) ..................................... 279

　　挣脱浏览器的束缚(1)- 别让脚本引入坏了事 ..................................283

　　挣脱浏览器的束缚(2)- 两个连接还不够"并行" ................................288

　　挣脱浏览器的束缚(3)- 王道!动态添加script元素 .............................292

　　挣脱浏览器的束缚(4)- 哭笑不得的IE Bug .....................................296