以下都是来自于W3.org的官方解释，我翻译并记录一下，方便以后的思考及理解。有翻译不对或不准确的地方还希望有大神可以指正！

原文地址：www.W3.org

1.HTML&&CSS

HTML (超文本标记语言) and CSS (层叠样式表) 是构建网页的两大核心. HTML提供了网页的结构, CSS the (视听l) 布局, 面向多种设备.  沿着图形和脚本方向，HTML and CSS 是构建网页和WEB应用的基础. 通过以下可以学到更多相关:

1.2什么是HTML

HTML 是构建网页结构的语言， HTML 提供给制作者以下方式:

• 通过标题文本列表和图片等来发布在线文档；
• 通过点击按钮来获得超文本链接从而获取在线信息
• 通过远程服务来设计一些交易表单, 可用于搜索信息,预定, 订购商品等
• 包括电子表格, 视频音频剪辑, 和其他可用于文档中的应用.
• 通过 HTML, 制作者通过标记描述网页结构. 内容元素标签 就像 “段落,” “列表,” “表格,” 等.

1.3 什么是XHTML

XHTML是XML句法的一种变体，可拓展的标记语言；XHTML 像HTML变体一样所拥有的一切HTML元素 (像段落等) , 但句法有一些不同. 因为XHTML是XML的一个应用, 你可以对XHTML使用其他的XML的工具 (像XSLT, 一种转换XML内容的语言).

1.4 什么是CSS

CSS 描述网页演示的一种语言, 包括颜色，布局,和字体，它允许去适应各种型号的设备的演示, 像超大屏,小屏, 或打印机. CSS 是独立于HTML存在的但也可应用于任何以XML为基准的其他标记语言， HTML 与CSS 的分离使得其更容易的涵盖站点，在页面之上分享样式表，同时裁切页面来适应各种不同的环境，这涉及到结构从演示的分离。

1.5什么是WEBFONTS

WebFonts 是一种可以使人们应用不需要安装在操作系统内的字体的技术， W3C 在可下载字体方面的经验在通过HTML, CSS2, and SVG. 知道最近, 可下载字体在网络上已经不再那么通用由于缺乏一种可相互操作的字体格式。 WebFonts 致力于通过工业支持的创造来计划解决这个问题, 开放的字体格式 (called "WOFF").

2javascript web apis

随着最出名的通用脚本语言 ECMAscript 的开发 (比 JavaScript更有名)  ， 一大波可用于浏览器的API 由W3C定义.

2.1什么是Scripting？

一个脚本是一个在运行之前不需要预先处理的程序代码(e.g. compiling) 。 在网络浏览器的背景下， 脚本通常涉及到用JavaScript写成的程序代码在页面下载完后由浏览器执行， 或是由用户触发一个事件的响应.

脚本可以使网页更加动态. 举个例子, 不通过重加载一个新版本的网页往往会使网页内容被修改, 或者使得网页内容被添加或发送. 前者被称为 DHTML (动态 HTML), 后者被称为 AJAX (异步 JavaScript and XML).

除此之外, 脚本语言增加了开发者创建浏览器和运行平台之间的桥梁的可能性, 举个例子,将从用户的使用环境信息来创建页面, 像当前位置, 地址簿 等.

这种额外的互动使得网页表现的像传统的软件应用. 这些网页常常被称为网页应用 并且可以作WEB页面在浏览器中更加有用或者可以作为一个可以被包装和分配的组件；

2.2 What sctipting interfaces are available?(什么是有用的脚本语言接口)

在W3C中最基础的脚本接口就是DOM了，the Document Object Model 允许程序和脚本去动态的操作和更新内容，文档的结构和样式. DOM  的操作规范也就是动态HTML的核心。

用户用DOM或用脚本来触发时间修改内容 使得开发者可以充分的构建富用户接口。

很多的高级接口都正在被规范化, 例如:

• XMLHttpRequest 为是实现在网页上加载额外内容而不用通过加载一个新文档，这是AJAX（异步通信）的重要核心组件；
• the Geolocation API 是使用户的当前位置信息变得可通过浏览器级应用来变得可用；
• 一些少量的 APIs 使得 Web applications整合了无缝存储与本地文件系统。

WAI ARIA 提供了一种机制来确保这种额外的互动 在独立于设备与障碍之间仍然可用. 额外的注意事项就是手机设备应用的发展；

2.3 Beyond scripting

随着脚本语言提供了很多接口开发与新型用户互动体验的机会，随着时间的推移，声明方法会带来更多益处 ; 举个例子, 作为让每一位开发者重新实现一个让用户去选择时间的日历界面的替代方, 定义了一种input 类型 (<input type='date' />) 这种自动化会节省更多的时间和避免出错, 同时也带来了一场更加深刻的创新；

通过HTML使得超过声明接口变得更加有用, 几种技术已经开发出了让这些 Declarative Web Applications（可声明的WEB应用）的可能.

3.1Graphics(图形)

网页不仅仅是包含了文本和信息的, 它也是一种表达艺术创造力和数据可视化的介质, 同时也针对不同需求和期望的受众优化信息。在WEB 站点里图形应用可以提高加强用户体验, 同时W3C也有不同和互补的技术可以使HTML和脚本语言结合在一起来创建网页和网页应用，并且通过这些工具他们需要提供最好的展现其内容的方式.接下来的内内容会使你了解更多:

这是w3.org的简介测试样板.我们的意图是邀请更多的团队来加入到开发这种模板以及帮助提供更加有用的内容和链接，对于更多的完整实例，, 请看HTML & CSS这个页面.

3.2  What are Graphics?（什么是图形？）

网络图形是应用于WEB站点的视觉表现，用来加强或打开一个想法或感觉,为了更加接近网络用户.图形可以在娱乐，教育和情感上影响用户, 其中至关重要的是品牌的实力, 清楚明了的插图解释, 和更加容易使用的接口与界面。

图形的例子包括了的地图, 图片, 设计和 模式, 家族树, 示意图, 建筑和工程图纸，条形图和饼状图, 排版, 原理图,折线图, 流程图, 和其他类型的图.

图形设计拥有很多的技术和工具从处理到打印到WEB开发的一切, 同时W3C提供了很多基本格式可以用于内容的创建在开源的WEB平台里。

3.3 What are Graphics Used For?（图形是用来干什么的？）

图形用于一切为了成熟的WEB页面增强外观，而这一切都是为了服务于用户交互以及作为展示使用的。

不同的图形使用案例要求不同的解决方案 ，因此 就有几种不同的技术可供使用. 照片是PNG（Portable Network Graphic Format）最好的代表, 随着在线用户交互艺术, 数据的可视化, 以及用户界面对 SVG（可缩放矢量图形） 和the Canvas API（画布HTML5新增标签）. CSS 的存在是为了增强其他类似 HTML 或者SVG的格式. WebCGM（？？） 也解决了很多工业的对技术说明和文件的需求。