博客园-music000http://www.cnblogs.com/music000/学习不停，进步不止。zh-cnTue, 14 Oct 2008 08:10:09 GMTTue, 14 Oct 2008 08:10:09 GMT60OSI七层网络模型与TCP/IP四层网络模型 http://www.cnblogs.com/music000/archive/2008/09/01/1281072.htmlmusic000music000Mon, 01 Sep 2008 04:01:00 GMThttp://www.cnblogs.com/music000/archive/2008/09/01/1281072.htmlhttp://www.cnblogs.com/music000/comments/1281072.htmlhttp://www.cnblogs.com/music000/archive/2008/09/01/1281072.html#Feedback0http://www.cnblogs.com/music000/comments/commentRss/1281072.htmlhttp://www.cnblogs.com/music000/services/trackbacks/1281072.html
OSI七层网络模型与TCP/IP四层网络模型
1. OSI网络分层参考模型

　 　网络协议设计者不应当设计一个单一、巨大的协议来为所有形式的通信规定完整的细节，而应把通信问题划分成多个小问题，然后为每一个小问题设计一个单独的 协议。这样做使得每个协议的设计、分析、时限和测试比较容易。协议划分的一个主要原则是确保目标系统有效且效率高。为了提高效率，每个协议只应该注意没有 被其他协议处理过的那部分通信问题；为了主协议的实现更加有效，协议之间应该能够共享特定的数据结构；同时这些协议的组合应该能处理所有可能的硬件错误以 及其它异常情况。为了保证这些协议工作的协同性，应当将协议设计和开发成完整的、协作的协议系列(即协议族)，而不是孤立地开发每个协议。
　　在 网络历史的早期，国际标准化组织(ISO)和国际电报电话咨询委员会(CCITT)共同出版了开放系统互联的七层参考模型。一台计算机操作系统中的网络过 程包括从应用请求(在协议栈的顶部)到网络介质(底部) ，OSI参考模型把功能分成七个分立的层次。图2.1表示了OSI分层模型。

　　┌─────┐
　　│　应用层　│←第七层
　　├─────┤
　　│　表示层　│
　　├─────┤
　　│　会话层　│
　　├─────┤
　　│　传输层　│
　　├─────┤
　　│　网络层　│
　　├─────┤
　　│数据链路层│
　　├─────┤
　　│　物理层　│←第一层
　　└─────┘
　　OSI七层参考模型

　　OSI模型的七层分别进行以下的操作：
　　第一层:物理层
　 　负责最后将信息编码成电流脉冲或其它信号用于网上传输。它由计算机和网络介质之间的实际界面组成，可定义电气信号、符号、线的状态和时钟要求、数据编码 和数据传输用的连接器。如最常用的RS-232规范、10BASE-T的曼彻斯特编码以及RJ-45就属于第一层。所有比物理层高的层都通过事先定义好的 接口而与它通话。如以太网的附属单元接口(AUI)，一个DB-15连接器可被用来连接层一和层二。
　　第二层:数据链路层
　　通过物理 网络链路提供可靠的数据传输。不同的数据链路层定义了不同的网络和协议特征，其中包括物理编址、网络拓扑结构、错误校验、帧序列以及流控。物理编址（相对 应的是网络编址）定义了设备在数据链路层的编址方式；网络拓扑结构定义了设备的物理连接方式，如总线拓扑结构和环拓扑结构；错误校验向发生传输错误的上层 协议告警；数据帧序列重新整理并传输除序列以外的帧；流控可能延缓数据的传输，以使接收设备不会因为在某一时刻接收到超过其处理能力的信息流而崩溃。数据 链路层实际上由两个独立的部分组成，介质存取控制（Media Access Control,MAC）和逻辑链路控制层（Logical Link Control,LLC）。MAC描述在共享介质环境中如何进行站的调度、发生和接收数据。MAC确保信息跨链路的可靠传输，对数据传输进行同步，识别错 误和控制数据的流向。一般地讲，MAC只在共享介质环境中才是重要的，只有在共享介质环境中多个节点才能连接到同一传输介质上。IEEE MAC规则定义了地址，以标识数据链路层中的多个设备。逻辑链路控制子层管理单一网络链路上的设备间的通信，IEEE 802.2标准定义了LLC。LLC支持无连接服务和面向连接的服务。在数据链路层的信息帧中定义了许多域。这些域使得多种高层协议可以共享一个物理数据 链路。
　　第三层:网络层
　　负责在源和终点之间建立连接。它一般包括网络寻径，还可能包括流量控制、错误检查等。相同MAC标准的不同网段之间的数据传输一般只涉及到数据链路层，而不同的MAC标准之间的数据传输都涉及到网络层。例如IP路由器工作在网络层，因而可以实现多种网络间的互联。
　　第四层:传输层
　 　向高层提供可靠的端到端的网络数据流服务。传输层的功能一般包括流控、多路传输、虚电路管理及差错校验和恢复。流控管理设备之间的数据传输，确保传输设 备不发送比接收设备处理能力大的数据；多路传输使得多个应用程序的数据可以传输到一个物理链路上；虚电路由传输层建立、维护和终止；差错校验包括为检测传 输错误而建立的各种不同结构；而差错恢复包括所采取的行动（如请求数据重发），以便解决发生的任何错误。传输控制协议（TCP）是提供可靠数据传输的 TCP/IP协议族中的传输层协议。
　　第五层:会话层
　　建立、管理和终止表示层与实体之间的通信会话。通信会话包括发生在不同网络应用层之间的服务请求和服务应答，这些请求与应答通过会话层的协议实现。它还包括创建检查点，使通信发生中断的时候可以返回到以前的一个状态。
　　第六层:表示层
　　提供多种功能用于应用层数据编码和转化，以确保以一个系统应用层发送的信息可以被另一个系统应用层识别。表示层的编码和转化模式包括公用数据表示格式、性能转化表示格式、公用数据压缩模式和公用数据加密模式。
　 　公用数据表示格式就是标准的图像、声音和视频格式。通过使用这些标准格式，不同类型的计算机系统可以相互交换数据；转化模式通过使用不同的文本和数据表 示，在系统间交换信息，例如ASCII(American Standard Code for Information Interchange，美国标准信息交换码)；标准数据压缩模式确保原始设备上被压缩的数据可以在目标设备上正确的解压；加密模式确保原始设备上加密的 数据可以在目标设备上正确地解密。
　　表示层协议一般不与特殊的协议栈关联，如QuickTime是Applet计算机的视频和音频的标准，MPEG是ISO的视频压缩与编码标准。常见的图形图像格式PCX、GIF、JPEG是不同的静态图像压缩和编码标准。
　　第七层:应用层
　 　最接近终端用户的OSI层，这就意味着OSI应用层与用户之间是通过应用软件直接相互作用的。注意，应用层并非由计算机上运行的实际应用软件组成，而是 由向应用程序提供访问网络资源的API（Application Program Interface，应用程序接口）组成，这类应用软件程序超出了OSI模型的范畴。应用层的功能一般包括标识通信伙伴、定义资源的可用性和同步通信。因 为可能丢失通信伙伴，应用层必须为传输数据的应用子程序定义通信伙伴的标识和可用性。定义资源可用性时，应用层为了请求通信而必须判定是否有足够的网络资 源。在同步通信中，所有应用程序之间的通信都需要应用层的协同操作。
　　OSI的应用层协议包括文件的传输、访问及管理协议(FTAM) ，以及文件虚拟终端协议(VIP)和公用管理系统信息(CMIP)等。

2. TCP/IP分层模型

　　TCP/IP分层模型（TCP/IP Layening Model）被称作因特网分层模型(Internet Layering Model)、因特网参考模型(Internet Reference Model)。
　　┌────────┐┌─┬─┬─┬─┬─┬─┬─┬─┬─┬─┬─┐
　　│　　　　　　　　││Ｄ│Ｆ│Ｗ│Ｆ│Ｈ│Ｇ│Ｔ│Ｉ│Ｓ│Ｕ│　│
　　│　　　　　　　　││Ｎ│Ｉ│Ｈ│Ｔ│Ｔ│Ｏ│Ｅ│Ｒ│Ｍ│Ｓ│其│
　　│第四层，应用层　││Ｓ│Ｎ│Ｏ│Ｐ│Ｔ│Ｐ│Ｌ│Ｃ│Ｔ│Ｅ│　│
　　│　　　　　　　　││　│Ｇ│Ｉ│　│Ｐ│Ｈ│Ｎ│　│Ｐ│Ｎ│　│
　　│　　　　　　　　││　│Ｅ│Ｓ│　│　│Ｅ│Ｅ│　│　│Ｅ│它│
　　│　　　　　　　　││　│Ｒ│　│　│　│Ｒ│Ｔ│　│　│Ｔ│　│
　　└────────┘└─┴─┴─┴─┴─┴─┴─┴─┴─┴─┴─┘
　　┌────────┐┌─────────┬───────────┐
　　│第三层，传输层　││　　　ＴＣＰ　　　│　　　　ＵＤＰ　　　　│
　　└────────┘└─────────┴───────────┘
　　┌────────┐┌─────┬────┬──────────┐
　　│　　　　　　　　││　　　　　│ＩＣＭＰ│　　　　　　　　　　│
　　│第二层，网间层　││　　　　　└────┘　　　　　　　　　　│
　　│　　　　　　　　││　　　　　　　ＩＰ　　　　　　　　　　　　│
　　└────────┘└─────────────────────┘
　　┌────────┐┌─────────┬───────────┐
　　│第一层，网络接口││ＡＲＰ／ＲＡＲＰ　│　　　　其它　　　　　│
　　└────────┘└─────────┴───────────┘
　　　　　　 TCP/IP四层参考模型

　　TCP/IP协议被组织成四个概念层，其中有三层对应于ISO参考模型中的相应层。ICP/IP协议族并不包含物理层和数据链路层，因此它不能独立完成整个计算机网络系统的功能，必须与许多其他的协议协同工作。
　　TCP/IP分层模型的四个协议层分别完成以下的功能：
　　第一层:网络接口层
　 　包括用于协作IP数据在已有网络介质上传输的协议。实际上TCP/IP标准并不定义与ISO数据链路层和物理层相对应的功能。相反，它定义像地址解析协 议(Address Resolution Protocol,ARP)这样的协议，提供TCP/IP协议的数据结构和实际物理硬件之间的接口。
　　第二层:网间层
　 　对应于OSI七层参考模型的网络层。本层包含IP协议、RIP协议(Routing Information Protocol，路由信息协议)，负责数据的包装、寻址和路由。同时还包含网间控制报文协议(Internet Control Message Protocol,ICMP)用来提供网络诊断信息。
　　第三层:传输层
　　对应于OSI七层参考模型的传输层，它提供两种端到端的通信服务。其中TCP协议(Transmission Control Protocol)提供可靠的数据流运输服务，UDP协议(Use Datagram Protocol)提供不可靠的用户数据报服务。
　　第四层:应用层
　 　对应于OSI七层参考模型的应用层和表达层。因特网的应用层协议包括Finger、Whois、FTP(文件传输协议)、Gopher、HTTP(超文 本传输协议)、Telent(远程终端协议)、SMTP(简单邮件传送协议)、IRC(因特网中继会话)、NNTP（网络新闻传输协议）等

=========================================================================================


ISO/OSI参考模型

 

    由于不同计算机和网络厂商的网络体系结构（例如IBM公司的SNA，DEC公司的DNA等）难以互连互通，且互连网络的性能难以保证，而建网费用很高，面对广大用户要求的便宜、灵活、方便的连网需求，国际标准化组织（ISO）于1983年提出了开放系统互连（OSI）网络体系结构框架，即ISO/OSI参考模型，如图2-1所示。

    图2-1  ISO/OSI参考模型

    应该说，ISO/OSI开放式网络体系结构的理论指导作用大于其实际应用。目前，广泛应用的网络体系结构是TCP/IP，但ISO/OSI开放式网络体系结构为人们描述了指导进行网络互连的理想框架和蓝图，有待人们去探索和实现。

    OSI参考模型具有以下特点：

    （1）提供了控制互连系统交互规则的标准框架，定义了一种抽象结构，而非具体实现的描述。

    （2）描述了实现异构系统互连的分层结构，规定同等层实体（指能发送和接收信息的软件和设备，例如终端、程序、数据库系统、电子邮件系统等）之间的通信由该层的协议进行管理和实现。

    （3）规定每层只完成所定义的功能，修改本层的功能对其他层无影响，并定义了相邻层之间的接口。

    （4）规定直接的数据传输在最低层（物理层）实现。

    （5）通信网只涉及第1层到第3层，例如路由器涉及网络层，网桥涉及数据链路层、中继器涉及物理层，网关则涉及第4层至第7层，属于高层协议转换设备。

    （6）ISO/ISO分层模块化/结构化的网络设计思想，完整而清晰明了，对计算机网络和其他网络的发展具有十分重要的指导意义。

    （7）ISD/ISO网络体系结构具有开放性，所谓“开放”是指任何遵守该参考模型和有关标准的系统之间都能进行互连。

    ISO/OSI参考模型只定义了各层的功能，并未定义每层的具体实现协议，其协议由其他标准来定义，这体现了该模型的灵活性和远见卓识。

    ISO/OSI参考模型各层表现在的功能也有很大的差异，下面先作一简单的介绍，下一节再详细说明。

    参考图2-2所示。

    图2-2  ISO/OSI参考模型功能简介

    （1）物理层（Physical Layer）：提供建立、维护和拆除物理链路所需的机械、电气、功能和规程特性，通过传输介质进行数据流（比特流）的物理传输，故障监测和物理层管理。

    （2）数据链路层（Data Link Layer）：在网络层褓间提供数据传输功能和控制，提供数据的流量控制，检测和纠正物理链路产生的差错。

    （3）网络层（Network Aayer）：提供路由选择、拥塞控制、网络互连等功能，根据传输层的要求，选择服务质量，向传输层指示未恢复的差错。

    （4）传输层（Transport Layar）：提供建立、维护和拆除传输连接的功能，监控服务质量，提供端到端可靠的透明的数据传输、差错控制和流量控制。

    （5）会话层（Session Layer）：提供两个进程之间建立、维护和结束会话连接的功能，提供会话流量控制和交叉会话功能。

    （6）表示层（Presentaion Layer）：提供不同信息格式和编码之间的转换，提供数据表示、数据压缩和数据加密功能。

    （7）应用层（Application Layer）：提供网络服务，例如事务处理程序、文件传输程序、网络管理程序等。


======================================================

DOD参考模型简介 

在TCP/IP参考模型中各层的主要特点和功能如下：

    （1）网络接口层（Network Interface Layer）。网络接口层是ICP／IP协议的最底层，是负责网络层与硬件设备间的联系。这一层的协议非常多，包括各种逻辑链路控制和媒体访问。任何用于IP数据报交换的分组传输协议均可包含在这一层中。

    （2）网络层（Internet Layer）。网络层解决的是计算机到计算机间的通信问题，它包括三个方面的功能：

    ·处理来自传输层的分组发送请求，收到请求后将分组装入IP数据报，填充报头，选择路径，然后将数据报发往适当的网络接口。

    ·处理数据报。

    ·处理网络控制报文协议、即处理路径、流量控制、阻塞等。

    （3）传输层（Transport Layer）。传输层解决的是计算机程序到计算机程序之间的通信问题。计算机程序到计算机程序之间的通信就是通常所说的“端到端”的通信。传输层对信息流具有调节作用，提供可靠性传输，确保数据到达无误。

    （4）应用层（Application Layer）。应用层提供一组常用的应用程序给用户。在应用层，用户调节访问网络的应用程序，应用程序与传输层协议相配合，发送或接收数据。每个应用程序都有自己的数据形式，它可以是一系列报文或字节流，但不管采用哪种形式，都要将数据传送给传输层以便交换。




[新闻]Silverlight对Flash 微软打垮Adobe
博客园首页 社区 新闻频道 小组 博问 网摘 闪存]]>求职 Asp.net程序员 深圳（工作两年）http://www.cnblogs.com/music000/archive/2008/08/19/1270996.htmlmusic000music000Tue, 19 Aug 2008 03:29:00 GMThttp://www.cnblogs.com/music000/archive/2008/08/19/1270996.htmlhttp://www.cnblogs.com/music000/comments/1270996.htmlhttp://www.cnblogs.com/music000/archive/2008/08/19/1270996.html#Feedback4http://www.cnblogs.com/music000/comments/commentRss/1270996.htmlhttp://www.cnblogs.com/music000/services/trackbacks/1270996.html大家好：
      刚辞职，想找份 Asp.net 程序员的工作,工作地点在深圳.（工作已两年）
      哪位兄弟姐妹招人的话看下,可以直接联系.
      废话少说,还是简单附上相关信息:

1、基本信息
 
         姓名： 李兵                           性别：男                                        工作时间：两年           
     毕业学校：兰州大学                    英语：六级                          邮箱：music000libing@gmail.com 
         电话：134-20900545                QQ：280833418                                   MSN：music000libing@hotmail.com

2、工作经历

A：2007.3—2008.7  深圳市邦德教育（www.bond520.com）
     
     1、邦德学员管理系统：需求分析、系统设计、编码、调试、完善、部署、维护（承担85%的工作  asp.net）
     2、邦德短信系统：需求分析、系统设计、编码、调试（独立完成  asp.net）   3、公司OA相关程序的完善（asp）

     学员管理系统：因公司所属行业的特点，公司目前在深圳市5个行政区都开设有分点（目前大约20个），综合系统数据量、网速、费用、安全性、其他业务（如语音电话）多方面的因素，网络架构采用的是：每个分点架设一个服务器与VPN，各服务器同时作为应用程序服务器与数据库服务器，同时采用一个大型VPN将公司各分点VPN连接起来形成一个局域网。同时，还存在一个总服务器，各分点服务器每天某一时刻定时向总服务器发送本分点当天最新数据，以对数据进行分析统计。这样，数据分发就成了系统设计的一个难点，因为只发送当天新增、更新的数据（减少数据传输量），所以系统设计时给数据库所有表新增了一个时间戳字段，同时采用作业来完成此任务（总服务器数据有一天延迟）。系统从需求分析到设计，都由本人单独完成，后因时间不足，带领一位同事完成系统其中一个模块，其余五个模块由本人完成。同时，系统采用了Asp.net Ajax、WebService，提升了用户体验。除框架页面布局由一位同事完成外，其余所有页面都由我完成。

       邦德短信系统：采用亿美短信发送组件，同时结合公司现有的OA系统进行开发，实现公司内部的短信分级申请、发送、审核（如短信管理中心——片区——分点——行政部门），同时结合学员管理系统实现：教师给自己所带学员发送短信、公司给学员发送短信的目的。因为要考虑到现有的OA系统与学员管理系统，所以三个系统的衔接就成为系统设计的难点。系统的需求分析、设计、编码、调试、界面均由本人独立完成。 

 

B：2006.7—2007.1 温州市三运网络科技有限公司（www.abcsss.com）

       4、交友中心:俱乐部功能模块、用户管理功能模块（gs.abcsss.com ：温州热线交友项目  asp.net）
       5、网上商城:用户管理功能模块、部分前台与后台管理模块（www.abcsss.com/shengshi   asp.net）
       6、温州大拇指（代码修改  www.wzdmz.com.cn  asp）

开发语言：C#
开发方式：三层架构（项目1、2、4、5）
开发平台：VS2005
数据库：SqlServer2000（项目1、2、5 ）、Oracle9i（项目4）


3、计算机

Web：(X)HTML、Asp.net、JavaScript、CSS、AJAX、WebService、xml
语言：C#
脚本：Javascript（Jquery、ExtJS、Json）
工具：VS2005、EditPlus、Aptana Studio、VSS
数据库：熟悉sql(t-sql、sp、cursor、trigger、function)、数据库设计
DBMS：熟练Sqlserver2000、熟悉Oracle9i、Access、安装并使用过DB2


[新闻]IBM扩大研究规模 在上海成立研究院
博客园首页 社区 新闻频道 小组 博问 网摘 闪存]]>Sqlserver中Compute By子句用法分析http://www.cnblogs.com/music000/archive/2008/01/29/1057898.htmlmusic000music000Tue, 29 Jan 2008 10:39:00 GMThttp://www.cnblogs.com/music000/archive/2008/01/29/1057898.htmlhttp://www.cnblogs.com/music000/comments/1057898.htmlhttp://www.cnblogs.com/music000/archive/2008/01/29/1057898.html#Feedback0http://www.cnblogs.com/music000/comments/commentRss/1057898.htmlhttp://www.cnblogs.com/music000/services/trackbacks/1057898.html使用Compute by子句和行统计函数（count,sum,max,avg,min等），可以统计排序中结果完全相同的列，统计值作为查询结果以附加行的形式显示，

语法：Compute avg|count|max|min|sum by 表达式

1、举一个例子

比如有一个数据表：表名为person,三个字段分别为 name,age,country

select name,country,age from person where ?? order by a compute sum(age),max(age),min(age) by country

这个语句在查询时将数据按照country分组，然后分别显示每组的详细信息和统计信息。结果可能如下：

name                  country                    age

张三                  中国                        16
李四                  中国                        21
王五                  中国                        24

sum      max      min

61            24        16

=================================

name                  country                        age

泰森                     美国                         20
布什                     美国                         24
盖茨                     美国                         25

sum      max      min

69           25        20

=============================================

name                  country                        age

妓子                  日本                           12
完犊子                日本                           14
猪生逆子              日本                           15

sum      max      min

41          15        12

我们很容易看出她其实是在一个查询结果中包含了三个子查询（根据country不同而分的组），每个子查询又包含两个子查询（一个是详细信息，一个是统计信息）

2、compute by 子句的规则：

（1）不能将distinct与行统计函数一起使用

（2）compute ？？？ by 子句中 ？？？出的列必须出现在选择列表中

（3）不能在含有compute by 子句的语句中使用select into 子句，因为包括compute 子句的语句会产生不规则的行。

（4）如果使用了compute by子句，则必须使用order by 子句， 而且compute by子句中的列必须包含在order by 子句中，并且对列的前后顺序和起始项都要一致（说白了compute by子句中的列必须是order by子句中列表的全部，或者前边的连续几个）。

（5）如果compute 省略了 by ，则order by 也可以省略

（6）如果compute by 子句包含多列时，会将一个组（第一个列分的组）分成若干个子组（利用后面的列），并对每层子组进行统计。

（7）使用多个compute by子句时，会分别按不同的组统计出结果。详细信息还是按照正常的第一个分组方式显示。

（8）compute by 子句中可以使用多个统计函数，他们互不影响

（9）compute by 子句中可以不包含by ,而只用compute  此时不对前面信息分组，而只对全部信息进行统计。



[新闻]eWeek评Google八大“20%项目”
博客园首页 社区 新闻频道 小组 博问 网摘 闪存]]>数据查询的另类需求http://www.cnblogs.com/music000/archive/2008/01/03/1024474.htmlmusic000music000Thu, 03 Jan 2008 05:37:00 GMThttp://www.cnblogs.com/music000/archive/2008/01/03/1024474.htmlhttp://www.cnblogs.com/music000/comments/1024474.htmlhttp://www.cnblogs.com/music000/archive/2008/01/03/1024474.html#Feedback0http://www.cnblogs.com/music000/comments/commentRss/1024474.htmlhttp://www.cnblogs.com/music000/services/trackbacks/1024474.html 统计某个数据库中，所有包含A字段的表，其中A字段（假设: varchar）的值为'abc'的记录共有多少条？  阅读全文

[新闻]微软终于发布Silverlight 2正式版
博客园首页 社区 新闻频道 小组 博问 网摘 闪存]]>A Preview of HTML 5http://www.cnblogs.com/music000/archive/2007/12/15/995632.htmlmusic000music000Fri, 14 Dec 2007 16:20:00 GMThttp://www.cnblogs.com/music000/archive/2007/12/15/995632.htmlhttp://www.cnblogs.com/music000/comments/995632.htmlhttp://www.cnblogs.com/music000/archive/2007/12/15/995632.html#Feedback0http://www.cnblogs.com/music000/comments/commentRss/995632.htmlhttp://www.cnblogs.com/music000/services/trackbacks/995632.html
A Preview of HTML 5

Abstract

The web is constantly evolving. New and innovative websites are being created every day,
pushing the boundaries of HTML in every direction. HTML 4 has been around for nearly a decade now, and publishers seeking new techniques to provide enhanced functionality are being held back by the constraints of the language and browsers.

To give authors more flexibility and interoperability, and enable more interactive and exciting websites and applications, HTML 5 introduces and enhances a wide range of features including form controls, APIs, multimedia, structure, and semantics.

Work on HTML 5, which commenced in 2004, is currently being carried out in a joint effort between the W3C HTML WG and the WHATWG. Many key players are participating in the W3C effort including representatives from the four major browser vendors: Apple, Mozilla, Opera, and Microsoft; and a range of other organisations and individuals with many diverse interests and expertise.

Note that the specification is still a work in progress and quite a long way from completion. As such, it is possible that any feature discussed in this article may change in the future. This article is intended to provide a brief introduction to some of the major features as they are in the current draft.

Structure

HTML 5 introduces a whole set of new elements that make it much easier to structure pages. Most HTML 4 pages include a variety of common structures, such as headers, footers and columns and today, it is fairly common to mark them up using div elements, giving each a descriptive id or class.

Diagram illustrates a typical two-column layout marked up using divs with id and class attributes. It contains a header, footer, and horizontal navigation bar below the header. The main content contains an article and sidebar on the right.

The use of div elements is largely because current versions of HTML 4 lack the necessary semantics for describing these parts more specifically. HTML 5 addresses this issue by introducing new elements for representing each of these different sections.

The div elements can be replaced with the new elements: header, nav, section, article, aside, and footer.

The markup for that document could look like the following:

<body>
  <header>...</header>
  <nav>...</nav>
  <article>
    <section>
      ...
    </section>
  </article>
  <aside>...</aside>
  <footer>...</footer>
</body>

There are several advantages to using these elements. When used in conjunction with the heading elements (h1 to h6), all of these provide a way to mark up nested sections with heading levels, beyond the six levels possible with previous versions of HTML. The specification includes a detailed algorithm for generating an outline that takes the structure of these elements into account and remains backwards compatible with previous versions. This can be used by both authoring tools and browsers to generate tables of contents to assist users with navigating the document.

For example, the following markup structure marked up with nested section and h1 elements:

<section>
  <h1>Level 1</h1>
  <section>
    <h1>Level 2</h1>
    <section>
      <h1>Level 3</h1>
    </section>
  </section>
</section>

Note that for better compatibility with current browsers, it is also possible to make use of the other heading elements (h2 to h6) appropriately in place of the h1 elements.

By identifying the purpose of sections in the page using specific sectioning elements, assistive technology can help the user to more easily navigate the page. For example, they can easily skip over the navigation section or quickly jump from one article to the next without the need for authors to provide skip links. Authors also benefit because replacing many of the divs in the document with one of several distinct elements can help make the source code clearer and easier to author.

The header element represents the header of a section. Headers may contain more than just the section’s heading—for example it would be reasonable for the header to include sub headings, version history information or bylines.

<header>
  <h1>A Preview of HTML 5</h1>
  <p class="byline">By Lachlan Hunt</p>
</header>
<header>
  <h1>Example Blog</h1>
  <h2>Insert tag line here.</h2>
</header>

The footer element represents the footer for the section it applies to. A footer typically contains information about its section such as who wrote it, links to related documents, copyright data, and the like.

<footer>© 2007 Example Inc.</footer>

The nav element represents a section of navigation links. It is suitable for either site navigation or a table of contents.

<nav>
  <ul>
    <li><a href="/">Home</a></li>
    <li><a href="/products">Products</a></li>
    <li><a href="/services">Services</a></li>
    <li><a href="/about">About</a></li>
  </ul>
</nav>

The aside element is for content that is tangentially related to the content around it, and is typically useful for marking up sidebars.

<aside>
  <h1>Archives</h1>
  <ul>
    <li><a href="/2007/09/">September 2007</a></li>
    <li><a href="/2007/08/">August 2007</a></li>
    <li><a href="/2007/07/">July 2007</a></li>
  </ul>
</aside>

The section element represents a generic section of a document or application, such as a chapter, for example.

<section>
  <h1>Chapter 1: The Period</h1>
  <p>It was the best of times, it was the worst of times,
     it was the age of wisdom, it was the age of foolishness,
     it was the epoch of belief, it was the epoch of incredulity,
     it was the season of Light, it was the season of Darkness,
     ...</p>
</section>

(Excerpt from A Tale of Two Cities)

The article element represents an independent section of a document, page or site. It is suitable for content like news or blog articles, forum posts or individual comments.

<article id="comment-2">
  <header>
    <h4><a href="#comment-2" rel="bookmark">Comment #2</a>
        by <a href="http://example.com/">Jack O'Niell</a></h4>
    <p><time datetime="2007-08-29T13:58Z">August 29th, 2007 at 13:58</time>
  </header>
  <p>That's another great article!</p>
</article>

Video and Audio

In recent years, video and audio on the web has become increasingly viable and sites like YouTube, Viddler, Revver, MySpace, and dozens of others are making it easy for anyone to publish video and audio. However, since HTML currently lacks the necessary means to successfully embed and control multimedia itself, many sites are relying on Flash to provide that functionality. Although it is possible to embed multimedia using various plug-ins (such as QuickTime, Windows Media, etc.), Flash is currently the only widely deployed plugin that provides a cross-browser compatible solution with the desired APIs for developers.

As evidenced by the various Flash-based media players, authors are interested in providing their own custom-designed user interfaces, which generally allow users to play, pause, stop, seek, and adjust volume. The plan is to provide this functionality in browsers by adding native support for embedding video and audio and providing DOM APIs for scripts to control the playback.

The new video and audio elements make this really easy. Most of the APIs are shared between the two elements, with the only differences being related to the inherent differences between visual and non-visual media.

Both Opera and WebKit have released builds with partial support for the video element. You may download the experimental build of Opera or a recent nightly build of WebKit to try out these examples. Opera includes support for Ogg Theora and WebKit supports all the formats that are supported by QuickTime, including third party codecs.

The simplest way to embed a video is to use a video element and allow the browser to provide a default user interface. The controls attribute is a boolean attribute that indicates whether or not the author wants this UI on or off by default.

<video src="video.ogv" controls poster="poster.jpg" 
width="320" height="240">
    <a href="video.ogv">Download movie</a>
</video>

The optional poster attribute can be used to specify an image which will be displayed in place of the video before the video has begun playing. Although there are some video formats that support their own poster frame feature, such as MPEG-4, this provides an alternative solution that can work independently of the video format.

It is just as simple to embed audio into a page using the audio element. Most of the attributes are common between the video and audio elements, although for obvious reasons, the audio element lacks the width, height, and poster attributes.

<audio src="music.oga" controls>
    <a href="music.oga">Download song</a>
</audio>

HTML 5 provides the source element for specifying alternative video and audio files which the browser may choose from based on its media type or codec support. The media attribute can be used to specify a media query for selection based on the device limitations and the type attribute for specifying the media type and codecs. Note that when using the source elements, the src attribute needs to be omitted from their parent video or audio element or the alternatives given by the source elements will be ignored.

<video poster="poster.jpg">
    <source src="video.3gp" type="video/3gpp" 
    media="handheld">
    <source src="video.ogv" type="video/ogg;
    codecs=theora, vorbis">
    <source src="video.mp4" type="video/mp4">
</video>
<audio>
  <source src="music.oga" type="audio/ogg">
  <source src="music.mp3" type="audio/mpeg">
</audio>

For authors who want a little more control over the user interface so that they can make it fit the overall design of the web page, the extensive API provides several methods and events to let scripts control the playback of the media. The simplest methods to use are the play(), pause(), and setting currentTime to rewind to the beginning. The following example illustrates the use of these.

<video src="video.ogg" id="video"></video>
<script>
  var video = document.getElementById("video");
</script>
<p><button type="button" onclick="video.play();">Play</button>
   <button type="button" onclick="video.pause();">Pause</button>
   <button type="button" onclick="video.currentTime = 0;">
   << Rewind</button>

There are many other attributes and APIs available for the video and audio elements that have not been discussed here. For more information, you should consult the current draft specification.

Document Representation

Unlike previous versions of HTML and XHTML, which are defined in terms of their syntax, HTML 5 is being defined in terms of the Document Object Model (DOM)—the tree representation used internally by browsers to represent the document. For example, consider a very simple document consisting of a title, heading and paragraph. The DOM tree could look something like this:

The DOM tree includes a title element in the head and h1 and p elements in the body.

The advantage of defining HTML 5 in terms of the DOM is that the language itself can be defined independently of the syntax. There are primarily two syntaxes that can be used to represent HTML documents: the HTML serialisation (known as HTML 5) and the XML serialisation (known as XHTML 5).

The HTML serialisation refers to the syntax that is inspired by the SGML syntax from earlier versions of HTML, but defined to be more compatible with the way browsers actually handle HTML in practice.

<!DOCTYPE html>
<html>
  <head>
    <title>An HTML Document</title>
  </head>
  <body>
    <h1>Example</h1>
    <p>This is an example HTML document.
  </body>
</html>

Note that like previous versions of HTML, some tags are optional and are automatically implied.

The XML serialisation refers to the syntax using XML 1.0 and namespaces, just like XHTML 1.0.

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>An HTML Document</title>
  </head>
  <body>
    <h1>Example</h1>
    <p>This is an example HTML document.</p>
  </body>
</html>

Excluding differences in whitespace and the presence of the xmlns attribute, those two examples are equivalent.

Browsers use the MIME type to distinguish between the two. Any document served as text/html must conform to the requirements for the HTML serialisation and any document served with an XML MIME type such as application/xhtml+xml must conform to the requirements for the XML serialisation.

Authors should make an informed choice about which serialisation to use, which may be dependent on a number of different factors. Authors should not be unconditionally forced to use one or the other; each one is optimised for different situations.

Benefits of Using HTML

  • Backwards compatible with existing browsers
  • Authors are already familiar with the syntax
  • The lenient and forgiving syntax means there will be no user-hostile “Yellow Screen of Death” if a mistake accidentally slips through
  • Convenient shorthand syntax, e.g. authors can omit some tags and attribute values

Benefits of Using XHTML

  • Strict XML syntax encourages authors to write well-formed markup, which some authors may find easier to maintain
  • Integrates directly with other XML vocabularies, such as SVG and MathML
  • Allows the use of XML Processing, which some authors use as part of their editing and/or publishing processes

How to Contribute

Work on HTML 5 is rapidly progressing, yet it is still expected to continue for several years. Due to the requirement to produce test cases and achieve interoperable implementations, current estimates have work finishing in around ten to fifteen years. During this process, feedback from a wide range of people including, among others, web designers and developers, CMS and authoring tool vendors, and browser vendors is vital to ensure its success. Everyone is not only welcome, but actively encouraged to contribute feedback on HTML 5.

In addition to the specification, there are several other related efforts designed to help people better understand the work.

  • The Differences from HTML 4 describes the changes that have occurred since the previous version of HTML.
  • The HTML Design Principles discuss principles used to help make decisions, and will help you understand the rationale behind many of the current design decisions.
  • The Web Developer’s Guide to HTML 5, which only recently began, is being written to help web designers and developers understand everything they need to know to write conforming HTML 5 documents, and provide guidelines and describe best practices.

There are numerous venues through which you may contribute. You may join the W3C’s HTML WG and subscribe/contribute to the HTML WG mailing lists or wiki. You may also subscribe and contribute to the any of the WHATWG mailing lists, post to the WHATWG forum, post comments or write articles on the WHATWG blog.

原文地址



[新闻]微软首次打破先例 Windows 7不再改名
博客园首页 社区 新闻频道 小组 博问 网摘 闪存]]>CSS Spriteshttp://www.cnblogs.com/music000/archive/2007/12/14/995514.htmlmusic000music000Fri, 14 Dec 2007 13:38:00 GMThttp://www.cnblogs.com/music000/archive/2007/12/14/995514.htmlhttp://www.cnblogs.com/music000/comments/995514.htmlhttp://www.cnblogs.com/music000/archive/2007/12/14/995514.html#Feedback0http://www.cnblogs.com/music000/comments/commentRss/995514.htmlhttp://www.cnblogs.com/music000/services/trackbacks/995514.html阅读全文

[新闻]亚马逊EC2云计算计划支持Windows操作系统
博客园首页 社区 新闻频道 小组 博问 网摘 闪存]]>15 Rules for Faster-Loading Web Siteshttp://www.cnblogs.com/music000/archive/2007/12/14/995501.htmlmusic000music000Fri, 14 Dec 2007 13:23:00 GMThttp://www.cnblogs.com/music000/archive/2007/12/14/995501.htmlhttp://www.cnblogs.com/music000/comments/995501.htmlhttp://www.cnblogs.com/music000/archive/2007/12/14/995501.html#Feedback0http://www.cnblogs.com/music000/comments/commentRss/995501.htmlhttp://www.cnblogs.com/music000/services/trackbacks/995501.html The key insight behind these best practices is the realization that only 10-20% of the total end-user response time is spent getting the HTML document to the browser. You need to focus on the other 80-90% if you want to make your pages noticeably faster. These rules are the best practices for optimizing the way servers and browsers handle that 80-90% of the user experience.

15 Rules for Faster-Loading Web Sites




[新闻]亚马逊EC2云计算计划支持Windows操作系统
博客园首页 社区 新闻频道 小组 博问 网摘 闪存]]>珍惜生命,远离国足~http://www.cnblogs.com/music000/archive/2007/09/16/894916.htmlmusic000music000Sun, 16 Sep 2007 10:14:00 GMThttp://www.cnblogs.com/music000/archive/2007/09/16/894916.htmlhttp://www.cnblogs.com/music000/comments/894916.htmlhttp://www.cnblogs.com/music000/archive/2007/09/16/894916.html#Feedback0http://www.cnblogs.com/music000/comments/commentRss/894916.htmlhttp://www.cnblogs.com/music000/services/trackbacks/894916.html淡泊江湖的忠告。（淡泊江湖看完中国男足比赛后心情不好）

[新闻]鲍尔默失望变希望 幸亏当初未收购雅虎
博客园首页 社区 新闻频道 小组 博问 网摘 闪存]]>关于"多级目录（分类）"的一些想法 ----- 实现方法http://www.cnblogs.com/music000/archive/2007/09/16/894677.htmlmusic000music000Sun, 16 Sep 2007 05:46:00 GMThttp://www.cnblogs.com/music000/archive/2007/09/16/894677.htmlhttp://www.cnblogs.com/music000/comments/894677.htmlhttp://www.cnblogs.com/music000/archive/2007/09/16/894677.html#Feedback12http://www.cnblogs.com/music000/comments/commentRss/894677.htmlhttp://www.cnblogs.com/music000/services/trackbacks/894677.html欢迎探讨。  阅读全文

[新闻]鲍尔默失望变希望 幸亏当初未收购雅虎
博客园首页 社区 新闻频道 小组 博问 网摘 闪存]]>金额转换：阿拉伯数字转中文（SQL存储过程）http://www.cnblogs.com/music000/archive/2007/09/15/893892.htmlmusic000music000Sat, 15 Sep 2007 06:07:00 GMThttp://www.cnblogs.com/music000/archive/2007/09/15/893892.htmlhttp://www.cnblogs.com/music000/comments/893892.htmlhttp://www.cnblogs.com/music000/archive/2007/09/15/893892.html#Feedback0http://www.cnblogs.com/music000/comments/commentRss/893892.htmlhttp://www.cnblogs.com/music000/services/trackbacks/893892.htmlcopy 于：金额阿拉伯数字转换为中文的存储过程 （TSD的专栏）

Create    Procedure    AtoC 
    @ChangeMoney    Money    
as
    Set Nocount ON
    Declare    @String1    char(20)
    Declare    @String2    char(30)
    Declare    @String4    Varchar(100)
    Declare @String3     Varchar(100)    --从原A值中取出的值
        Declare @i         int        --循环变量
    Declare @J         Int        --A的值乘以100的字符串长度
        Declare @Ch1         Varchar(100)    --数字的汉语读法
        Declare @Ch2         Varchar(100)    --数字位的汉字读法
    Declare @Zero         Int        --用来计算连续有几个零
    Declare    @ReturnValue    VarChar(100)

    Select @ReturnValue = ''
    Select     @String1 = '零壹贰叁肆伍陆柒捌玖'
    Select    @String2 = '万仟佰拾亿仟佰拾万仟佰拾元角分'

    Select @String4 = Cast(@ChangeMoney*100 as int)    

    select @J=len(cast((@ChangeMoney*100) as int))

    Select @String2=Right(@String2,@J)

    Select    @i = 1

    while    @i<= @j Begin

        Select @String3 = Substring(@String4,@i,1)

        if @String3<>'0' Begin

            Select     @Ch1 = Substring(@String1, Cast(@String3 as Int) + 1, 1)
            Select    @Ch2 = Substring(@String2, @i, 1)
            Select    @Zero = 0                    --表示本位不为零
        end
        else Begin
            If (@Zero = 0) Or (@i = @J - 9) Or (@i = @J - 5) Or (@i = @J - 1)
                        Select @Ch1 = '零'
                    Else
                        Select @Ch1 = ''

                    Select @Zero = @Zero + 1             --表示本位为0
                        
            --如果转换的数值需要扩大，那么需改动以下表达式 I 的值。
            Select Ch2 = ''

                If @i = @J - 10  Begin
                        Select @Ch2 = '亿'
                        Select @Zero = 0
            end
                    
            If @i = @J - 6 Begin
                        Select @Ch2 = '万'
                        Select @Zero = 0
            end
                    
            if @i = @J - 2 Begin
                        Select @Ch2 = '元'
                        Select @Zero = 0
            end
                    
            If @i = @J
                        Select @Ch2 = '整'
                        
        end    

        Select @ReturnValue = @ReturnValue + @Ch1 + @Ch2

        select @i = @i+1
    end

    --最后将多余的零去掉
    If CharIndex('仟仟',@ReturnValue) <> 0
            Select @ReturnValue = Replace(@ReturnValue, '仟仟', '仟')

    If CharIndex('佰佰',@ReturnValue) <> 0
            Select @ReturnValue = Replace(@ReturnValue, '佰佰', '佰')

        If CharIndex('零元',@ReturnValue) <> 0
            Select @ReturnValue = Replace(@ReturnValue, '零元', '元')
    
        If CharIndex('零万',@ReturnValue) <> 0
            Select @ReturnValue = Replace(@ReturnValue, '零万', '万')
   
        If CharIndex('零亿',@ReturnValue) <> 0
            Select @ReturnValue = Replace(@ReturnValue, '零亿', '亿')
    
        If CharIndex('零整',@ReturnValue) <> 0
            Select @ReturnValue = Replace(@ReturnValue, '零整', '整')
    
    If CharIndex('零佰',@ReturnValue) <> 0
            Select @ReturnValue = Replace(@ReturnValue, '零佰', '零')

    If CharIndex('零仟',@ReturnValue) <> 0
            Select @ReturnValue = Replace(@ReturnValue, '零仟', '零')

    If CharIndex('元元',@ReturnValue) <> 0
            Select @ReturnValue = Replace(@ReturnValue, '元元', '元')
    
    Select @ReturnValue
GO

[新闻]微软12月举办硬件工程大会 Windows7将首次亮相
博客园首页 社区 新闻频道 小组 博问 网摘 闪存]]>金额转换：阿拉伯数字转中文（javascript）http://www.cnblogs.com/music000/archive/2007/09/15/893886.htmlmusic000music000Sat, 15 Sep 2007 06:00:00 GMThttp://www.cnblogs.com/music000/archive/2007/09/15/893886.htmlhttp://www.cnblogs.com/music000/comments/893886.htmlhttp://www.cnblogs.com/music000/archive/2007/09/15/893886.html#Feedback0http://www.cnblogs.com/music000/comments/commentRss/893886.htmlhttp://www.cnblogs.com/music000/services/trackbacks/893886.html  阅读全文

[新闻]微软12月举办硬件工程大会 Windows7将首次亮相
博客园首页 社区 新闻频道 小组 博问 网摘 闪存]]>这两天不爽——公车上被误认为色狼、游泳撞破上嘴唇http://www.cnblogs.com/music000/archive/2007/08/25/869277.htmlmusic000music000Sat, 25 Aug 2007 05:01:00 GMThttp://www.cnblogs.com/music000/archive/2007/08/25/869277.htmlhttp://www.cnblogs.com/music000/comments/869277.htmlhttp://www.cnblogs.com/music000/archive/2007/08/25/869277.html#Feedback10http://www.cnblogs.com/music000/comments/commentRss/869277.htmlhttp://www.cnblogs.com/music000/services/trackbacks/869277.html    1、前天坐71路公交从莲花北到市民中心东，车上人挤人，运气不好，被挤到投币箱旁边，左手还好抓住了扶手，右手就没地方可扶了，只好抓住投币箱。正好一个MM的屁股对着投币箱，在车突然转弯的时候，MM的屁股就对着我的右手背撞过来，我当时也没反应过来，等我反应过来的时候，MM已经开始生气了。哎！被当成是色狼了——摸MM屁股的色狼！！！很想向她道歉的，但我是故意的吗？算了！不想了！
   2、下班后吃完饭没事，和同事一块去游泳，一口气潜下去，起来的时候就天昏地暗了，撞墙了，额头撞了个大包，上嘴唇撞破了，还不停流血。回去一看，噢，好大一个口子，就像是牙齿咬的一样。第二天上班，同事见面就问：这是怎么了？别太猛了