互联网结构标准--HTML语言.ppt
互联网结构标准-HTML语言,by josh.y 2010年09月07日,黄金湾,HTML语言的起源,HTML作为定义万维网的基本规则之一，最初由蒂姆·本尼斯李（Tim Berners-Lee）于1989年在CERN（Conseil Europeen pour la Recherche Nucleaire）研制出来。 本尼斯李选择使用标准通用标记语言（SGML，standard generalized markup language）作为HTML的开发模版。HTML即超文本标记语言是定义了超文本文档的SGML的子集。,HTML语言的演变,1989年由本尼斯李最初设计的HTML被定义为HTML1 1995年9月HTML 2.0 由IETF（Internet engineering task force）发布，成为官方标准 1995年 5月 HTML3.0被发布,并且 有 Are na、 UdiWWW、 Emacs-W3等 实 验 性 的 浏 览器 支 持 ，由 于 与 HTML 2.0相 比 ,改动 过 大 ,不 利 推 广 ,因 此 HTML3.0草案被废除 1997年1月万维网联盟（W3C）发布了HTML 3.2版本,1997年12月万维网联盟（W3C）发布HTML4.0版, 1998年5月做了最后修订 1999年12月万维网联盟（W3C）推出HTML4.01版,HTML4.0的特点,HTML 4.0及其以后版本继承了以往版本的所有特点，并支持更多的多媒体选项，脚本语言，样式表等。在文档国际化方面迈出一大步。 更加明确了文档的结构和表现形式上的区别，以鼓励使用格式表（style sheet）来取代使用元素和属性进行表现的方式 。 更加优良的表单（form）性能，加入了访问关键词（access key）、构建对称的表单控件能力、构建对称的下拉菜单控件的能力和动态标签（active label）。 在文本描述的标记中包含对象。,一种新客户端的文本包括在图像映射元素（map element），使得网页设计者可以集成文本和图像链接。 可以将替代图像的文本包括在图像元素（IMG element）中，也可以将图像映射（image map）包含到区域元素中（area element）。 在所有元素中支持title和language两个属性。 更多的表格属性，包括Caption、Column groups和方便的非可视信息（non-visual reading）的表现机制,XHTML语言的演变,2000年1月万维网联盟（W3C）发布XHTML1.0标准，2002年8月做了最后修订 2001年5月万维网联盟（W3C）发布XHTML 1.1标准 2006年7月万维网联盟（W3C）发布XHTML 2.0标准 2008年7月万维网联盟（W3C）发布XHTML BASIC 1.1标准，针对移动终端设备,XHTML语言特点,XHTML1.0：与HTML4.01几乎完全相同，可以简单看作是HTML4.01的小小升级，XHTML对设计提出更高的要求与规范，我们应该以更严谨的编码来替代HTML松散的编码结构，真正使页面代码清晰易读，以便于样式设计与浏览器解析 XHTML1.1则是货真价实的XML。无法使用text/htmlmime-type直接输出， 采用XMLmime-type方式的输出，很多浏览器不支持 XHTML2不向前兼容，甚至不兼容之前的HTML，造成一些浏览器厂商与W3C的决裂，单独成立了WHATWG（ Web Hypertext Application Technology Working Group ）的组织,目前HTML标准 XHTML1.0,XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。 XHTML Strict DTD 使用此类型的网页，浏览器解析将相对严格，不允许使用任何表现样式的标识和属性 XHTML Transitional DTD 是一种过渡类型，使用过度类型的XHTML网页，浏览器对XHTML的解析较宽松，允许使用HTML4.01中的标签，但必须符合XHTML的语法： XHTML Frameset DTD 如果网页使用了框架结构，就有必要使用这样的文档说明： ,XHTML1.0文档类型选用,通常情况下都会选用Transitional类型， strict标准很严格，如： 必须使用结束标签， 如 js文件引用时，不支持 lanuage 标签 不支持target 标签 不允许使用属性简写 属性值必须使用双引号 把宽度，高度写到样式里面 应该把form放在table的外面，而不是里面 用样式定义border为0，否则图片的链接会有个蓝色边框 一律采用小写,js代码写法不受此点限制。 注：严格执行strict标准的浏览器中以上显示有异常,WHATWG VS W3C,2004年，Opera的 Ian Hickson提议在HTML基础上进行扩展以适应新的Web应用，该提议遭到W3C的拒绝。于是，他们自发组织成立了超文本应用技术工作组，就是 WHATWG WHATWG的主要工作包括两部分，Web Forms 2.0和Web Apps 1.0，它们都是HTML的扩展，后来，他们合并到一起成为现在的HTML5规范。 在WHATWG致力于HTML5的同时, W3C 也进行着HTML5标准的开发（注意，W3C的HTTML5在5之前有 个空格，而WHATWG的HTML5则没有空格）,HTML5发展历史,HTML 5草案的前身名为Web Applications 1.0，是在2004年由WHATWG提出，再于2007年获W3C接纳，并成立了新的HTML工作团队。在2008年1月22日，第一份正式草案发布。,HTML5的优点,HTML 5是一个新的网络标准，目标在于取代现有的HTML 4.01, XHTML 1.0 and DOM Level 2 HTML标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight，与Sun JavaFX的需求。,HTML5详述,HTML5标签图表,HTML5 Tags,HTML 5 Attributes,HTML5 Events,HTML5浏览器的支持,WEB应用,网页内嵌对象 视频编码,表单对象,表单对象属性与行为,HTML5最新浏览器支持情况,专业HTML5测试网站： http:/html5test.com/ 通过该网站，你可以检查当前访问的浏览器对HTML5的支持情况,DTD 前边如果出现其他字符,一个 HTML 文档的 DTD 前边如果出现其他字符，在各浏览器中的处理情况是不一致的。具体差异请参考下表： 【注】 1. 即HTML注释，如 。 2. 类似 的 XML 声明。 3. 即不是空格符、换行符、制表符，也不是注释、XML 声明的任何其他字符串，但不能包含“”字符。 4. 即不是空格符、换行符、制表符，也不是注释、XML 声明的任何其他字符串，其中包含“”字符。,HTML字符编码,字符编码的优先级顺序（优先级由高至低）： 1、HTTP “Content-Type“ 字段中的 “charset“ 参数。 2、META 声明中 “http-equiv“ 为 “Content-Type“ 对应的值中的 “charset“ 的值。 3、元素的 charset 属性。 如：HTTP “Content-Type” 头字段设置了字符编码为 BIG5，页面中的 META 元素设置了字符编码为 UTF-8，页面本身的编码类型为 GB2312。页面执行时，通过脚本输出显示当前浏览器所采用的字符编码类型是BIG5。,URI 中非 ASCII 字符,浏览器对 URI 中非 ASCII 字符的处理的差异如下： 地址栏直接输入： 点击链接跳转或使用脚本跳转：,使用 Ajax 的 get 方法请求：,无效 “src“ 的 IMG 元素,各浏览器对于 IMG 指定了无效的 “src” 时，采用不同的显示失败提示图，渲染的宽与高值分别为：,密码框掩码,掩码字符在不同浏览器中的默认样式如下：,附：W3C技术架构图,谢谢！,
