HTML/XHTML

HTML 5

HTML 5 中的新元素
新千年以来,超文本标记语言(HTML)5 第一次向 HTML 中引入了新的元素。新的结构元素包括 aside、figure 和 section。新的内联元素包括 time、meter 和 progress。新的内嵌元素有 video 和 audio。新的交互元素有 details、datagrid 和 command。

HTML V5 与 XHTML V2
虽然 HTML 5 和 XHTML 2 的目的都是改进已有的版本,但是开发人员选择的改进方法大相径庭。观念的不同带来了结果的不同。多年以来,后续版本浏览器的开发方向第一次变得不那么清晰。通过本文了解隐藏在这两种标准细节背后的更大分歧。

XHTML

一步一步学习 XHTML
XHTML 是一种基于 HTML 的语言,但是用结构良好的 XML 表示。不过,XHTML 不仅仅是标签和字符的规范化,还可能改变 Web 设计的方式。本教程为那些熟悉 HTML 并希望学习如何在实际网站中使用 XHTML 的开发人员提供了一步一步的介绍。

XHTML 的模块化
本教程是为需要了解 XHTML 的模块化的用户设计的,帮助他们使用 XHTML 的子集或添加他们自己的标记来创建他们自己的标记语言变体。

XHTML:两种语言的力量
XHTML是一种有效地结合 HTML 的简单性和 XML 的可扩展性的标记语言。本文从实用角度对XHTML进行了研究,涵盖了各种风格的 XHTML 的基本特性,并包括对语言和大量实际应用程序的讨论。

XHTML 2.0

Web 的未来:XHTML 2.0
多年以来,HTML 只是在不断变大,却从未变小,因为新版本必须维护向后兼容性。这一情况随着 XHTML 2.0 的第一个工作草案的发布得到了改变。本文概述了 XHTML 2.0 中的新增功能以及将来可能会如何使用它。

XHTML 2.0 中的链接
本文介绍 XHTML 2.0 在简单 HTML 所允许的基本格式的基础上实现超文本链接的标准化的努力。

XHTML 2 抢先试用
XHTML 2 规范尚未完成,但是它相对 XHTML 1 已经具有了许多优势,其中包括更丰富的结构特性,这使得 XHTML 2 作为一种编辑格式将比其前任能更好地充当单一资源发布系统的中心模式。

HTML 的未来,第 1 部分: WHATWG
本系列包括两篇文章,Edd Dumbill 分析了 Web 作者、浏览器开发人员和标准组织所期望的 HTML 未来趋势各种方式。介绍了 WHATWG 阐述的渐进式方法和 W3C 所提议的 XHTML 的大清洗式的方法。此外,作者还考察了 W3C 最新的 Rich Client Activity。本文是第 1 部分,Edd 主要讨论 WHARWG 开发的两种规范:Web Applications 1.0 (HTML5) 和 Web Forms 2.0。

HTML 的未来,第 2 部分:XHTML 2.0
本文是该系列的第 2 部分,Edd 将目光放在 W3C 正在进行的工作上,以指示 Web 标记的未来。

使用 microformats 分离数据与格式
微格式(Microformat)是在标准 XHTML 代码中嵌入结构化数据的一种新方法。阅读本文,了解如何读写 Web 这种全新的微格式。

构建快速、轻巧的 Web 站点
从邻家 8 岁的小孩到 80 岁的老奶奶都在构建 Web 站点,Internet 已变成了一头行动迟缓、陷入泥潭的野兽。但是只需要一点 XHTML 的使用技巧,就能创建一流的漂亮 Web 站点,使之在眨眼之间加载完毕。

层叠样式表(Cascading Style Sheets, CSS)

层叠样式表(Cascading Style Sheets, CSS)
层叠样式表(Cascading Style Sheets, CSS)是一种将表示样式应用到标记的系统。CSS 以其对 HTML Web 页面的样式化而知名,但是它同样适用于在 Web 和其他媒介上表示 XML 文档。有效使用 CSS 对于分离内容及其表示非常关键。

使用 CSS2 来显示 XML 文档
一种查看 XML 的轻量型方法就是:将级联样式表(cascading style sheet (CSS2))附加到 XML 文档上,然后使用最新的 Web 浏览器来查看这些 XML 文档(Mozilla 非常棒,通常 IE 就足够了)。本技巧文章讨论了这一替代方法。

使用级联样式表显示 XML
本教程介绍如何用 CSS 在 Web 浏览器中表示 XML。

使用级联样式表显示 XML,第 2 部分
本教程将在上一篇教程的基础上介绍一些中高级的主题,比如浏览器之间兼容性和呈现细节的差别、处理不同的媒介,以及与其他浏览器和 XML 技术的交互。

使用级联样式表显示 XML,第 3 部分
本教程将讨论结合使用 XSLT 和 CSS 来处理 XML 的技术。

CSS 真的可以浮动么?
CSS 浮动属性(float)是 Web 设计人员工具箱中的一种用来进行页面布局的常见工具,但浏览器实现的不一致性常常会导致该属性不能被很好的理解和使用。 本文将重点介绍此浮动属性及其使用、所涉及到的开发工具以及浏览器的不一致性问题。

使用 CSS @media 规则
CSS “@media” 规则非常适合于将 HTML 或 XML 文档定位为目标输出方法。目前,“print” 媒体的使用非常普遍,与实现单独的 “可打印版本” 相比,“print” 提供了更加整洁的方式来创建打印机友好的页面。“screen” 媒体一直未得到充分利用,原因可能是因为人们通常都认为 screen 仅仅是 “默认的呈现方式”。然而,就布局而言(尤指绝对布局),screen 媒体类型具有重要的意义,样式表规则并不关心媒体类型,因此没有涵盖这一点。

使用层叠样式表(CSS)选择符
页面编写者可以使用层叠样式表(Cascading Style Sheets,CSS)更精确地控制内容的外观。CSS 规则由一个选择符和设置的属性和值组成,其中的选择符决定应用这个规则的内容。尽管大多数开发人员习惯使用基于标记名的选择符,但是 CSS 实际上还提供了另外几种控制能力更强的选择符。本文讨论各种选择符并演示使用方法。

文档对象模型(DOM)

用 DOM 创建富客户机应用程序
让 Web 应用程序冲破普遍存在的瘦客户机架构的桎梏。当今的浏览器终于能够支持 HTML 文档内跨对象高级客户端交互。由于文档对象模型(Document Object Model,DOM),UI 设计人员现在可以创建用户能够实时处理数据的界面,同时又提供了 Web 应用程序的便利性。在本文,作者 Mike Padilla 将向您阐述如何实现能具有健壮的客户端功能的、干净的、可扩展的代码。

JavaScript 和文档对象模型(DOM)
虽然很多人都熟知文档对象模型(DOM)是处理 XML 的基础,但使用 HTML 的浏览器开始使这个主题发生一些变化。随着更新的浏览器通过客户端脚本(比如 JavaScript)实现 W3C 文档对象模型,现在 DOM 又经历了一个轮回。本文将介绍通过 JavaScript 实现 DOM,并描述 Web 页面的构建,用户可以向这个页面添加并编辑注释。

ECMAscript/JavaScript

坚持使用 ECMAscript
为了诱使开发人员创建在他们自己的浏览器中得到最佳呈现效果的网站,浏览器厂商选择脚本语言作为武器发起了兼容性之战,用户则陷入了页面加载慢和可能存在安全漏洞的泥潭之中。市场推动了这种(不健康的)竞争,显然到了进一步标准化的时候了。看看在那一天到来之前如何保持中立的立场。

JavaScript 语言特性
JavaScript 常被人们认为是编程语言中无足轻重的一员。这种观点的形成可以“归功”于其开发工具、复杂且不一致的面向 HTML 页面的文档对象模型以及不一致的浏览器实现。但 JavaScript 绝对不仅仅是一个玩具这么简单。在本文中,Bruce Tate 向您介绍了 JavaScript 的语言特性。

用函数式编程技术编写优美的 JavaScript
函数式或声明性编程是非常强大的编程方法,正逐渐在软件行业流行起来。这篇文章将介绍一些相关的函数式编程概念,并提供有效使用这些概念的示例。作者将解释如何使用 JavaScript(TM)(JavaScript 能导入函数式编程的构造和特性)编写优美的代码。

JavaScript 中的内存泄露模式
如果您知道内存泄漏的起因,那么在 JavaScript 中进行相应的防范就应该相当容易。在这篇文章中,将带您亲历 JavaScript 中的循环引用的全部基本知识,向您介绍为何它们会在某些浏览器中产生问题,尤其是在结合了闭包的情况下。在了解了您应该引起注意的常见内存泄漏模式之后,您还将学到应对这些泄漏的诸多方法。

JavaScript 中的有限状态机,第 1 部分: 设计一个小部件
在本系列中,学习如何用有限状态机系统化地为一个简单 Web 小部件(一个淡入和淡出视图的动画式工具提示)设计复杂的行为。产生的代码既紧凑又简洁,它的逻辑是透明的,它的动画效果即使在负载很重的处理器上也能够顺畅地展现。本篇文章将向您介绍如何使用有限状态机来为一个简单的 Web 小部件 —— 一个能够淡入和淡出的工具提示 —— 设计复杂的行为。

JavaScript 中的有限状态机,第 2 部分: 实现组件
在本文中,您将学习如何用 JavaScript 实现这种行为,并充分利用语言的独特特性,包括关联数组和函数闭包。产生的代码既紧凑又简洁,它的逻辑是透明的,它的动画效果即使在负载很重的处理器上也能够平滑地执行。

JavaScript 中的有限状态机,第 3 部分: 测试小部件
在本文中,学习如何处理让这个实现能够在所有流行的 Web 浏览器上运行的实际问题。

JavaScript 浮动对象
您一定见过浮动在浏览器角落的内容吧?无论是滚动页面,还是调整窗口大小,内容都会一直出现在这个角落。本教程讲解如何在页面上创建跨浏览器的浮动内容,以及如何调整它的位置。

跨浏览器开发

在不同的浏览器或具有不同设置的浏览器上,Web 页面的执行方式不一样。本文学习一些有用的技巧,帮助您让自己的 Web 应用程序更适应所有的环境。

比较 Web 站点的外观和功能
作者在本专栏中揭示了如何将 Web 站点的优先级由外观转移到功能,并使用 Web 标准来确保跨浏览器的兼容性。

把应用程序从 Internet Explorer 迁移到 Mozilla
使特定于 Internet Explorer 的 Web 应用程序在 Mozilla 上运行时,您遇到过麻烦吗?本文讨论了将应用程序迁移到基于开源 Mozilla 浏览器上时的常见问题。首先讨论跨浏览器开发的基本技术,然后介绍克服 Mozilla 和 Internet Explorer 之间差异的策略。

让跨浏览器测试 Web 应用程序变得简单
一直以来,“对多个浏览器进行测试” 像是一条难以解开的咒语,因为需要对大量浏览器进行测试。对所有浏览器进行测试(尤其是目前)几乎是不可能的。但是这比您想象中的要容易很多。本文将介绍各种实现跨浏览器测试的技术,既包括比较全面的技术,也包括快速但不严谨的技术。您必须要面对的一个问题就是,需要根据自己的资源进行选择。

最优化跨浏览器 Ajax 应用程序
本文简单介绍了这些限制以及应该着重避免的一些隐患,此外,还给出了优化浏览器间的差异所需的一些有用解决方案。

Firefox 开发

Firefox 3.0 入门
Mozilla Firefox 3 是一个提供了大量增强的重要版本,其中一些增强针对用户,而另一些则针对开发人员。其中一项最有趣的改进使 Web 开发人员能够构建即使在用户断开 Internet 的时候仍然可以工作的 Web 应用程序。请阅读本文以深入学习 Firefox 3 的这些新特性,尤其是全新的脱机应用程序支持。

使用 Firefox 3.0 Extensions 中新的微格式 API
即将发布的 Firefox 3.0 内置了对微格式的支持,可通过 Firefox 扩展访问这种 API。这篇技巧通过一个简单的例子说明如何在扩展代码中使用这种 API。我们从一个简单的 Hello World 扩展开始,使它能够存储来自任何网页的 hCard,然后利用存储的 hCard 填充 Web 表单。

Firefox 与 XML

Firefox 2.0 和 XML
Firefox 2.0 在对 XML 的支持方面有几个重要的改进。目前它的用户部署如日中天。了解 Firefox 2.0 XML 特性的改进,包括在 RSS Web 提要处理方面有争议的变化。

Firefox 1.5 中的 XML,第 1 部分: XML 特性概述
开放源码的 Firefox Web 浏览器变得越来越普及。用户喜欢它提供的安全和便捷特性。开发人员喜欢 Firefox 从 Mozilla 继承而来的对标准的遵循。最新的 Firefox 1.5 版本为 XML 开发人员提供了更多特性,包括 XML 解析、XHTML、CSS、XSLT、SVG、XML Events in JavaScript? 和 XForms。其他第三方扩展提供了更多的 XML 支持。本文简要介绍了 Firefox 1.5 中的 XML 特性。

Firefox 1.5 中的 XML,第 2 部分: 基本 XML 处理
这是 “Firefox 1.5 中的 XML” 系列中的第二篇文章,主要关注基本 XML 处理。Firefox 支持 XML 解析、级联样式表(CSS)和 XSLT 样式表。还会讨论一些限制。

XML 用户界面语言(XUL)

XML 用户界面语言(XUL)开发入门
XUL(XML User-interface Language)不仅是一种流行的 UI 语言,实践证明它是一个优秀的应用程序框架。Firefox 浏览器就是使用 XUL 构建的。在这个教程中,您将使用 XUL 进行编程。您将学会如何利用 Web 开发技能来构建基于 XUL 的博客编辑器。

使用 XUL 实现浏览器扩展,第 1 部分: 使用用户界面特性创建一个 Firefox 浏览器扩展
创建超越 Web 浏览器内置功能的扩展。Mozilla 项目的 XUL 引擎是一种用户界面语言,可以用于扩展 Mozilla 浏览器或者创建独立的应用程序。XUL 可以极其轻松地构建跨平台浏览器扩展,本系列的两篇文章将演示如何实现这一过程。

使用 XUL 实现浏览器扩展,第 2 部分: 组建一个跨平台的 Firefox 扩展
使用 XUL 可以极其轻松地构建跨平台的浏览器扩展,甚至是独立的应用程序。通过本文了解如何构建功能强大的灵活的 Mozilla 浏览器扩展,从而超越诸如嵌入式脚本语言或 GUI 等工具的功能,因为后者是用户浏览器提供的内置功能。

创建动态的 Firefox 用户界面
学习如何使用 Ajax 从 Web 服务器下载 XML 数据,以及如何使用 XSLT 将 XML 数据动态地转换为用 XUL 表达的 Firefox 用户界面元素。可以将这些技术应用于使用 XML 数据源的任何应用程序。

实战 Firefox 扩展开发
本文以一个能够批量下载某个 HTML 页面上所有图片的 Firefox 扩展作为案例,详细的介绍了 Firefox 扩展的开发流程。这其中包括构建开发环境,使用 XUL 来描述用户界面,使用 JavaScript 来为扩展增加行为,扩展的打包、发布和更新等方面的内容。

Web 站点设计与维护

继承 Web 站点: 让 Web 站点易于维护
在完美的世界里,分配给您维护、改进和重新设计的每个 Web 站点都将由您来创建。不幸的是,在现实世界中,您却总是被迫采用别人设计或构造的站点。

继承 Web 站点,第 2 部分: 优化您的 Web 站点
让 Web 站点易于维护(请参阅 “第 1 部分”)之后,速度、可访问性和组织成为关键问题。学习如何分析站点的页面并改进其效率和布局。

获取 Web 设计的免费资源
Web 开发人员可以找到很多免费资源,尽管其中一些资源会比另外一些资源更加自由。如果您正在设计网站或 Web 应用程序,那么不管是静态的还是所有可以想到的动态 Ajax 内容,都能找到减轻您的劳动强度并为网站增色的资源。本文从免费图标到 Web 布局,从模板到联机网页工具,介绍了目前 Web 架构师能得到的低廉费用或免费的帮助。

为受数据驱动的 Web 站点构建定制模板
很多开发人员都不太敢使用 HTML 表和单元格来构建 Web 站点。其中的一个原因是 HTML 表会使日后修改站点或更改其外观变得十分困难。通过本文,您会接触到一些编写 Web 站点的基本技巧,使您可以在后期使用模板替换站点初始创建时所设计站点外观。此外,您还会了解为何要对自己的 Web 站点使用数据驱动技术。

为 Web 应用程序设计交互式错误处理
用户与 Web 应用程序交互时,总是不可避免地会发生错误。您的应用程序必须确保所输入的数据是有效的,如果不是,应用程序必须明确地告诉用户数据无效的原因,并使用户能够轻松修正问题。同时利用客户端和服务器端错误处理策略,确保数据的有效性,并为用户提供友好的错误追索功能。