互联网结构标准-HTML语言.ppt

互联网结构标准 HTML语言 byjosh y2010年09月07日 黄金湾 HTML语言的起源 HTML作为定义万维网的基本规则之一 最初由蒂姆 本尼斯李 TimBerners Lee 于1989年在CERN ConseilEuropeenpourlaRechercheNucleaire 研制出来 本尼斯李选择使用标准通用标记语言 SGML standardgeneralizedmarkuplanguage 作为HTML的开发模版 HTML即超文本标记语言是定义了超文本文档的SGML的子集 HTML语言的演变 1989年由本尼斯李最初设计的HTML被定义为HTML11995年9月HTML2 0由IETF Internetengineeringtaskforce 发布 成为官方标准1995年5月HTML3 0被发布 并且有Arena UdiWWW Emacs W3等实验性的浏览器支持 由于与HTML2 0相比 改动过大 不利推广 因此HTML3 0草案被废除1997年1月万维网联盟 W3C 发布了HTML3 2版本 1997年12月万维网联盟 W3C 发布HTML4 0版 1998年5月做了最后修订1999年12月万维网联盟 W3C 推出HTML4 01版 HTML4 0的特点 HTML4 0及其以后版本继承了以往版本的所有特点 并支持更多的多媒体选项 脚本语言 样式表等 在文档国际化方面迈出一大步 更加明确了文档的结构和表现形式上的区别 以鼓励使用格式表 stylesheet 来取代使用元素和属性进行表现的方式 更加优良的表单 form 性能 加入了访问关键词 accesskey 构建对称的表单控件能力 构建对称的下拉菜单控件的能力和动态标签 activelabel 在文本描述的标记中包含对象 一种新客户端的文本包括在图像映射元素 mapelement 使得网页设计者可以集成文本和图像链接 可以将替代图像的文本包括在图像元素 IMGelement 中 也可以将图像映射 imagemap 包含到区域元素中 areaelement 在所有元素中支持title和language两个属性 更多的表格属性 包括Caption Columngroups和方便的非可视信息 non visualreading 的表现机制 XHTML语言的演变 2000年1月万维网联盟 W3C 发布XHTML1 0标准 2002年8月做了最后修订2001年5月万维网联盟 W3C 发布XHTML1 1标准2006年7月万维网联盟 W3C 发布XHTML2 0标准2008年7月万维网联盟 W3C 发布XHTMLBASIC1 1标准 针对移动终端设备 XHTML语言特点 XHTML1 0 与HTML4 01几乎完全相同 可以简单看作是HTML4 01的小小升级 XHTML对设计提出更高的要求与规范 我们应该以更严谨的编码来替代HTML松散的编码结构 真正使页面代码清晰易读 以便于样式设计与浏览器解析XHTML1 1则是货真价实的XML 无法使用text htmlmime type直接输出 采用XMLmime type方式的输出 很多浏览器不支持XHTML2不向前兼容 甚至不兼容之前的HTML 造成一些浏览器厂商与W3C的决裂 单独成立了WHATWG WebHypertextApplicationTechnologyWorkingGroup 的组织 目前HTML标准 XHTML1 0 XHTML1 0规定了三种XML文档类型 Strict Transitional以及Frameset XHTMLStrictDTD使用此类型的网页 浏览器解析将相对严格 不允许使用任何表现样式的标识和属性XHTMLTransitionalDTD是一种过渡类型 使用过度类型的XHTML网页 浏览器对XHTML的解析较宽松 允许使用HTML4 01中的标签 但必须符合XHTML的语法 XHTMLFramesetDTD如果网页使用了框架结构 就有必要使用这样的文档说明 XHTML1 0文档类型选用 通常情况下都会选用Transitional类型 strict标准很严格 如 必须使用结束标签 如js文件引用时 不支持lanuage标签不支持target标签不允许使用属性简写属性值必须使用双引号把宽度 高度写到样式里面应该把form放在table的外面 而不是里面用样式定义border为0 否则图片的链接会有个蓝色边框一律采用小写 js代码写法不受此点限制 注 严格执行strict标准的浏览器中以上显示有异常 WHATWGVSW3C 2004年 Opera的IanHickson提议在HTML基础上进行扩展以适应新的Web应用 该提议遭到W3C的拒绝 于是 他们自发组织成立了超文本应用技术工作组 就是WHATWGWHATWG的主要工作包括两部分 WebForms2 0和WebApps1 0 它们都是HTML的扩展 后来 他们合并到一起成为现在的HTML5规范 在WHATWG致力于HTML5的同时 W3C也进行着HTML5标准的开发 注意 W3C的HTTML5在5之前有个空格 而WHATWG的HTML5则没有空格 HTML5发展历史 HTML5草案的前身名为WebApplications1 0 是在2004年由WHATWG提出 再于2007年获W3C接纳 并成立了新的HTML工作团队 在2008年1月22日 第一份正式草案发布 HTML5的优点 HTML5是一个新的网络标准 目标在于取代现有的HTML4 01 XHTML1 0andDOMLevel2HTML标准 它希望能够减少浏览器对于需要插件的丰富性网络应用服务 plug in basedrichinternetapplication RIA 如AdobeFlash MicrosoftSilverlight 与SunJavaFX的需求 HTML5详述 HTML5标签图表 HTML5Tags HTML5Attributes HTML5Events HTML5浏览器的支持 WEB应用 网页内嵌对象视频编码 表单对象 表单对象属性与行为 HTML5最新浏览器支持情况 专业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技术架构图 谢谢