编写HTML5文档ppt课件.ppt

1 怎么编写HTML5文档 考虑到向前兼容性 HTML5规范规定可以使用两种语法格式来编写网页 即HTML语法格式与XML语法格式 2 使用XML语法编写HTML5文档 不需要使用DTD来指定文档类型 文档标题正文部分 使用XML语法编写HTML5文档时 HTML5文档中所有的元素必须位于XHTML命名空间中 文件扩展名可以是 xml或者 xhtml 推荐使用 xhtml 不需要使用meta元素声明文档编码encoding中声明的编码应与实际的编码一致 在根元素中定义默认命名空间 没有MIME的声明 但是MIME必须是text xml或application xml 以及子类型为 xml的MIME xml的MIME通常被识别在text xml 而 xhtml的文档MIME未知 因此需要在服务器中特别指定 或者在代码中动态指定 3 使用XML语法编写HTML5文档 可以定义命名空间 SVG范例 常用命名空间请翻阅书12页 其中XML和Xmlns命名空间是默认的 无需显式声明 默认命名空间 在html元素中的元素默认在此命名空间内 浏览器将文档渲染为HTML网页 使用内置的XML命名空间声明网页的自然语言代码 在svg元素中声明了svg命名空间并定义前缀s 该前缀用于每个SVG绘图元素 Chrome 4 使用HTML语法编写HTML5文档 不需要使用DTD来指定文档类型 文档标题正文部分 为了向前兼容 仍可以使用DTD 请参阅书P15页表1 2中允许使用的DTD标示 在特例情况下 如使用某些外部元素时 属性名需要使用命名空间限定 不区分大小写 需进行MIME的声明 MIME必须是text xml或text xml sandboxed 使用charest属性指定文档编码 声明的编码和实际的编码要保持一致 请参阅书P15页表1 1 5 实验作业 1 验证P12页程序 提交验证结果 2 修改个人简介网站中的程序 使用HTML5编码方式 6 在HTML中使用脚本语言 目前动态的应用程序编写一般使用二进制方式 Binary 和脚本方式 Script 常见脚本语言 VBScript JavaScript Jscript PHP CGI CFML Python TCL ActionScript 等 1 在客户端动态修改文档内容 2 获取表单控件中的输入数据 验证数据有效性 3 对事件进行响应 如加载 卸载 处理焦点 鼠标移动等 4 关联表单控件 创建图形用户界面元素 执行编译后的代码 客户端不可见 客户端可见的符合一定格式规范的命令 解释执行 脚本 服务器端脚本和客户端脚本 7 不能用在XML语法中 不再推荐使用 在HTML中使用JavaScript脚本语言 脚本代码使用script元素定义 functionpopupMsg msg alert msg 其间的元素内容在文档加载后顺序执行 并且仅执行一次 位于一个单独的文件中 使用src元素属性进行动态加载 定义在内建事件的属性值中 三种在HTML页面中使用JavaScript的方法 事件被触发时 执行属性值中的脚本代码 如果客户端不能处理脚本代码 执行noscript元素中的内容 推荐解决方案 使用表单将JavaScript代码所实现的功能放在服务端运行 请将书P42页代码调试运行 8 不推荐使用 可用type属性代替 在HTML中使用JavaScript脚本语言 script元素的常用属性 可以出现任意次数 可以位于head元素中 也可以位于body元素中 defer defer 使用script元素定义脚本代码 通知浏览器 元素内容 这段脚本代码 将不会产生任何文档内容 允许省略属性值 aysnc与src的组合类型 type MIME 指定元素内容所使用的脚本语言 HTML5 0中默认值为 text javascript 请参阅书P37页常用内容类型 language 语言标识符 指定了元素的内容的脚本语言 它的值是这个语言的标识符 scr 外部文档url地址 指定了保存脚本代码的外部文件的位置 当使用XML语法编写HTML5文档时 script元素的内容可能和XML1 0规范冲突 怎么办 charset 字符集 定义src属性指定的外部脚本代码所使用的字符编码 优先权 aysnc ture false 定义脚本的异步执行方式 只定义aysnc 脚本将被异步执行 线程 只定义了defer 脚本将在文档完成解析后被执行 都没有定义 遇到立即解释执行 9 在HTML中使用JavaScript脚本语言 body元素的常用事件属性 将特定数量的内建事件与一个特定的用户与浏览器交互的动作关联在一起 每个内建事件的每次发生都可以触发一个脚本 在事件属性值中定义脚本代码 请参阅书P40页表3 1事件属性 试一试 在浏览器中输入javascript window open about blank javascript window open about blank void0 控件元素如intput select button textarea和label均响应一定的内建事件 在超链接中定义脚本代码 在超链接的URL地址中定义脚本代码 通过使用javascript 前缀将Javascript代码用做URL地址 functionpopupM