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

1、互联网结构标准-HTML语言 互联网结构标准-HTML语言 HTML语言的起源 v HTML作为定义万维网的基本规则之一，最初由蒂 姆本尼斯李（Tim Berners-Lee）于1989CERN （Conseil Europeen pour la Recherche Nucleaire） 研制出来。 v 本尼斯李选择使用标准通用标记语言（SGML， standard generalized markup language）作为HTML 的开发模版。HTML即超文本标记语言是定义了超文本 文档的SGML的子集。 互联网结构标准-HTML语言 HTML语言的演变 v 1989年由本尼斯李最初设计的

2、HTML被定义为HTML1 v 1995年9月HTML 2.0 由IETF（Internet engineering task force）发布，成为官方标准 v 1995年 5月 HTML3.0被发布,并且 有 Are na、 UdiWWW、 Emacs-W3等 实 验 性 的 浏 览器 支 持 ，由 于 与 HTML 2.0相 比 ,改动 过 大 ,不 利 推 广 ,因 此 HTML3.0草案被废除 v 1997年1月万维网联盟（W3C）发布了HTML 3.2版 本 互联网结构标准-HTML语言 v 1997年12月万维网联盟（W3C）发布HTML4.0版, 1998年5月做了最后修订 v

3、 1999年12月万维网联盟（W3C）推出HTML4.01版 互联网结构标准-HTML语言 HTML4.0的特点 v HTML 4.0及其以后版本继承了以往版本的所有特点， 并支持更多的多媒体选项，脚本语言，样式表等。在 文档国际化方面迈出一大步。 v 更加明确了文档的结构和表现形式上的区别，以鼓励 使用格式表（style sheet）来取代使用元素和属性进 行表现的方式 。 v 更加优良的表单（form）性能，加入了访问关键词 （access key）、构建对称的表单控件能力、构建对 称的下拉菜单控件的能力和动态标签（active label）。 v 在文本描述的标记中包含对象。 互联网结构

4、标准-HTML语言 v 一种新客户端的文本包括在图像映射元素（map element），使得网页设计者可以集成文本和图像链接。 v 可以将替代图像的文本包括在图像元素（IMG element） 中，也可以将图像映射（image map）包含到区域元 素中（area element）。 v 在所有元素中支持title和language两个属性。 v 更多的表格属性，包括Caption、Column groups和方 便的非可视信息（non-visual reading）的表现机制 互联网结构标准-HTML语言 XHTML语言的演变 v 2000年1月万维网联盟（W3C）发布XHTML1.0标准，

5、 2002年8月做了最后修订 v 2001年5月万维网联盟（W3C）发布XHTML 1.1标准 v 2006年7月万维网联盟（W3C）发布XHTML 2.0标准 v 2008年7月万维网联盟（W3C）发布XHTML BASIC 1.1标准，针对移动终端设备 互联网结构标准-HTML语言 XHTML语言特点 v XHTML1.0：与HTML4.01几乎完全相同，可以简单看 作是HTML4.01的小小升级，XHTML对设计提出更高 的要求与规范，我们应该以更严谨的编码来替代HTML 松散的编码结构，真正使页面代码清晰易读，以便于样 式设计与浏览器解析 v XHTML1.1则是货真价实的XML。无法

6、使用 text/htmlmime-type直接输出， 采用XMLmime- type方式的输出，很多浏览器不支持 v XHTML2不向前兼容，甚至不兼容之前的HTML，造成 一些浏览器厂商与W3C的决裂，单独成立了WHATWG （ Web Hypertext Application Technology Working Group ）的组织 互联网结构标准-HTML语言 目前HTML标准 XHTML1.0 v XHTML 1.0 规定了三种 XML 文档类型：Strict、 Transitional 以及 Frameset。 v XHTML Strict DTD 使用此类型的网页，浏览器解析将

7、相对严格，不允许使用任何表现样式的标识和属性 v XHTML Transitional DTD 是一种过渡类型，使用过度类型的XHTML网页，浏览器对XHTML的解析较宽松，允许 使用HTML4.01中的标签，但必须符合XHTML的语法： v XHTML Frameset DTD 如果网页使用了框架结构，就有必要使用这样的文档说明： 互联网结构标准-HTML语言 XHTML1.0文档类型选用 v 通常情况下都会选用Transitional类型， strict标准很严 格，如： v 必须使用结束标签， 如如 v js文件引用时，不支持 lanuage 标签 v 不支持target 标签 v 不允

8、许使用属性简写 v 属性值必须使用双引号 v 把宽度，高度写到样式里面 v 应该把form放在table的外面，而不是里面 v 用样式定义border为0，否则图片的链接会有个蓝色边框 v 一律采用小写,js代码写法不受此点限制。 注：严格执行strict标准的浏览器中以上显示有异常 互联网结构标准-HTML语言 WHATWG VS W3C v 2004年，Opera的 Ian Hickson提议在HTML基础上进 行扩展以适应新的Web应用，该提议遭到W3C的拒绝。 于是，他们自发组织成立了超文本应用技术工作组，就 是 WHATWG v WHATWG的主要工作包括两部分，Web Forms

9、2.0和 Web Apps 1.0，它们都是HTML的扩展，后来，他们合 并到一起成为现在的HTML5规范。 v 在WHATWG致力于HTML5的同时, W3C 也进行着 HTML5标准的开发（注意，W3C的HTTML5在5之前有 个空格，而WHATWG的HTML5则没有空格） 互联网结构标准-HTML语言 HTML5发展历史发展历史 v HTML 5草案的前身名为Web Applications 1.0，是在 2004年由WHATWG提出，再于2007年获W3C接纳，并 成立了新的HTML工作团队。在2008年1月22日，第一份 正式草案发布。 互联网结构标准-HTML语言 HTML5的优点

10、 v 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的需求。 互联网结构标准-HTML语言 HTML5详述 互联网结构标准-HTML语言 HTML5标签图表 互联网结构标准-HTML语言 HTML5 Tags 互联网结构标准-HTML语言 互联网结构标准-HTML

11、语言 互联网结构标准-HTML语言 互联网结构标准-HTML语言 互联网结构标准-HTML语言 HTML 5 Attributes 互联网结构标准-HTML语言 HTML5 Events 互联网结构标准-HTML语言 互联网结构标准-HTML语言 互联网结构标准-HTML语言 互联网结构标准-HTML语言 互联网结构标准-HTML语言 互联网结构标准-HTML语言 HTML5浏览器的支持 v WEB应用应用 互联网结构标准-HTML语言 v 网页内嵌对象网页内嵌对象 v 视频编码视频编码 互联网结构标准-HTML语言 v 表单对象表单对象 互联网结构标准-HTML语言 v 表单对象属性与行为表

12、单对象属性与行为 互联网结构标准-HTML语言 HTML5最新浏览器支持情况 v 专业专业HTML5测试网站：测试网站： 通过该网站，你可以检查当前访问的浏览器对通过该网站，你可以检查当前访问的浏览器对HTML5的的 支持情况支持情况 互联网结构标准-HTML语言 DTD 前边如果出现其他字符 v 一个 HTML 文档的 DTD 前边如果出现其他字符，在各浏览器中的处理情况 是不一致的。具体差异请参考下表： 【注】 1. 即HTML注释，如 。 2. 类似 的 XML 声明。 3. 即不是空格符、换行符、制表符，也不是注释、XML 声明的任何其他字符串，但不 能包含“”字符。 4. 即不是空格

13、符、换行符、制表符，也不是注释、XML 声明的任何其他字符串，其中 包含“”字符。 互联网结构标准-HTML语言 HTML字符编码字符编码 v 字符编码的优先级顺序（优先级由高至低）： 1、HTTP Content-Type 字段中的 charset 参数。 2、META 声明中 http-equiv 为 Content-Type 对应的值中的 charset 的值。 3、元素的 charset 属性。 如：HTTP “Content-Type” 头字段设置了字符编码为 BIG5，页面 中的 META 元素设置了字符编码为 UTF-8，页面本身的编码类型为 GB2312。页面执行时，通过脚本输出显示当前浏览器所采用的字符 编码类型是BIG5。 互联网结构标准-HTML语言 URI 中非中非 ASCII 字符字符 v 浏览器对 URI 中非 ASCII 字符的处理的差异如下： 地址栏直接输入： 点击链接跳转