内容简介
《Web标准开发之道》不仅是我,所有Web工作者都应当感谢Jeffrey Zeldman和他的惊世著作《网站重构》(《Designing Web Standards》),还有他不知疲倦地为开发者、设计师以及用户们改善Web所做的努力。在过去的几个月中的许多不眠之夜里,我都忍不住想要诅咒Jeffrey,是他建议我写《Web标准开发之道》来作为《网站重构》的伴侣。然而,平心而论,能够被邀请写《Web标准开发之道》是令我震撼的,我也希望对得起他的赏识。感谢Erin Kissane——他不知疲倦地工作,为了维持一个很不稳定的日程表——这里也有我的一部分原因,因为我的太多承诺以及一系列几乎不切实际的个人挑战——总之,谢谢他,祝愿他一切都好。
目录
前言
第1章 开始之前
这本书为谁而写
你将从这本书中收获什么
哪些是从本书无法得到的
如何使用本书
下一步
第2章 原理与技术
背景
为什么我应该关心
如何开发万维网
第3章 标记
为什么“只在浏览器中工作”是不够的
HTML和XHTML
语法和语义
短暂的HTML历史
HTML关键概念
文档类型
HTML的基础结构
语义扩展的HTML
链接:“超文本”中的“超”
嵌入内容
表单
表格
frame和iframe
字符和实体
质量保证
HTML和XHTML
第4章 表现
Web样式的简短历史
什么是CSS
如何使用CSS
基本的CSS语法
选择符基础知识
基本属性:字体样式
继承
使用特定的class和id选择符
通用文本布局属性
连接符:包含选择符和子选择符
通用背景属性
动态选择符
基本的页面布局
页面布局
定位
选择符
显示类型
更多属性
媒介类型
导入样式表
质量保证
挑战和技术
第5章 DOM
DOM版本
DOM树
DOM核心对象和方法
事件
基于现代标准DOM脚本的实践
类库的兴起
校验DOM
Ajax
小结
第6章 可访问性
可访问性的环境
可访问性与W3C
常见可访问性问题(及解决方案)
小结
第7章 同浏览器打交道
3种浏览器缺陷
浏览器的模式
常见浏览器bug
IE与hasLayout
修正bug:要不要hack
指定浏览器
当特性不被支持时
小结
第8章 现代页面代码的实践
代码可读性
朴素经典的语义化HTML
页面代码和搜索引擎优化
微格式
小结
第9章 基于CSS的页面布局
水平居中
竖直居中
CSS定位
基于浮动的布局
网格布局
小结
第10章 CSS重置以及CSS框架
CSS重置
CSS框架
小结
第11章 HTML
什么是HTML
HTML5的重要特性
与HTML4的区别
HTML5文档实例
视频、音频以及其他HTML5中的
嵌入式内容
浏览器对HTML5的支持
校验和发布HTML5
我现在就可以开始用HTML5了吗
第12章 CSS3以及CSS的未来
CSS重生
迈向CSS3
新增选择符
小结
第13章 CSS3中的新属性
阴影效果
边框半径
透明度
RGBa颜色
多列文本
过渡
其他属性
更多内容
第14章 媒体
媒体查询
小结
第15章 web字体
链接和嵌入的简史
当前法律状况
当前技术状况
font-face和嵌入式字体
小结
第16章 SVG和canvas浏览器中的丰富图像
SVG
HTFML5的canvas元素
Canvas与SVG
小结
摘要与插图
像那些许多从事Web开发工作10年以上的人一样,我的涉足是个偶然——我是从1994年开始的。那时,我是一个软件开发人员,而现在我是软件开发者、Web开发者、会议组织者和作家。开发领域的背景并不像大家常规想象的那样。很多Web开发者(网页设计师、前端工程师或任何其他你想叫的称谓)都是从印刷和平面设计转型而来的。因此,网页设计和开发受到工具和设计规范技术的严重制约,在许多方面甚至依然沿用软件工程的许多原则。一些印刷和图形设计的影响对网站颇有裨益。很多为网页布局及排版而开发的技术曾是以模仿打印页面而创建的,尽管事实上网页是基于屏幕的媒体,而屏幕与纸张差别很大。网页可以依据多种需求来服务用户(如根据视力的好坏),或者依据不同的屏幕尺寸提供方案——从迷你的移动手机屏幕到30英寸屏幕(这些已经用来访问网页了)。这些我们将在第3章进行讨论,这种可变性从网页核心来说不是一个bug,而是一种。
自从Web诞生以来,很多设计师对Web的性以及带给未来的挑战进行了热情洋溢的讨论,其中一位就是Jeffrey Zeldman。没有任何资料会比Zeldman的《网站重构》更适合初学Web设计和开发,我的这本书也是用来作为其配套资料服务读者。在你阅读的这本书中,我则进一步补充Web标准化设计,对Web构建中的开发部分进行深入的探讨。
不管你是从没看过一个网页的标记还是已经进行了数年的Web开发,我希望你能在下边这些内容中找到新的、有用的信息和想法。为此,我也归类整理了在Web核心技术(HTML、CSS和DOM)中值得关注的细节,同时探究了当前这些领域中的方法,其中包括如何构造易用的、面向搜索引擎优化的且易于维护的网页。
要的是,我希望传达一种意识,可以使用的方法解决我们行业中真实存在的复杂问题——如何开发如下的富媒体、可交互的网站:
·对尽可能多的人来说是易访问的,包括那些残疾人士;
·强大的(甚至是迷人的)、可在大量拥有网络功能的设备上以及所有现代的浏览器上显示;
·愉悦的操作;
·尽管技术已经发生改变,但历经时间考验后依然易于维护。