编写HTML5文档_第1页
编写HTML5文档_第2页
编写HTML5文档_第3页
编写HTML5文档_第4页
编写HTML5文档_第5页
已阅读5页,还剩6页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、 怎么编写html5文档? 考虑到向前兼容性,html5规范规定可以 使用两种语法格式来编写网页,即html语法 格式与xml语法格式。 使用xml语法编写html5文档 不需要使用dtd来指定文档类型 文档标题 正文部分 使用xml语法编写html5文档时,html5文档 中所有的元素必须位于xhtml命名空间中。 文件扩展名可以是.xml或者.xhtml,推荐使用.xhtml 不需要使用meta元素声明文档编码 encoding中声明的编码应与实际的编码一致 在根元素中定义默认命名空间 没有mime的声明,但是mime必须是text/xml 或application/xml,以及子类型为+

2、xml的mime .xml的mime通常被识别在text/xml,而.xhtml的文档mime未知, 因此需要在服务器中特别指定,或者在代码中动态指定。 使用xml语法编写html5文档 可以定义命名空间 svg范例 . 常用命名空间请翻阅书12页,其中xml和 xmlns命名空间是默认的,无需显式声明。 默认命名空间,在html元素中的 元素默认在此命名空间内,浏览 器将文档渲染为html网页。 使用内置的xml命名空间声明 网页的自然语言代码 在svg元素中声明了svg命名 空间并定义前缀s,该前缀用 于每个svg绘图元素 chrome 使用html语法编写html5文档 不需要使用dtd

3、来指定文档类型 文档标题 正文部分 为了向前兼容,仍可以使用dtd,请参阅书 p15页表1-2中允许使用的dtd标示 在特例情况下,如使用某些外部元素时,属性名需要使用 命名空间限定。 不区分大小写 需进行mime的声明,mime必须是text/xml 或 text/xml-sandboxed 使用charest属性指定文档编码,声明的编码和实际的编 码要保持一致。 请参阅书p15页表1-1 实验作业 1.验证p12页程序,提交验证结果。 2.修改个人简介网站中的程序,使用html5编码方式。 在html中使用脚本语言 目前动态的应用程序编写一般使用二进制方式(binary) 和脚本方式(sc

4、ript) 常见脚本语言:vbscript、javascript、jscript、php、cgi、 cfml、python、tcl、actionscript、等 1.在客户端动态修改文档内容。 2.获取表单控件中的输入数据,验证数据有效性。 3.对事件进行响应,如加载、卸载、处理焦点、鼠标移动等。 4.关联表单控件,创建图形用户界面元素。 。 执行编译后的代码,客户端不可 见。客户端可见的符合一定格式规范的命令, 解释执行。 效效 率率效效 率率 脚本 服务器端脚本和客户端脚本 不能用在xml语法中不再推荐使用! 在html中使用javascript脚本语言 脚本代码使用script元素定义。

5、 function popupmsg(msg) alert(msg); 其间的元素内容在文档加载后顺序执 行,并且仅执行一次。 位于一个单独的文件中,使用src元素属性进行动态加载。 定义在内建事件的属性值中。 三种在html页面中使用javascript的方法 事件被触发时,执行属性值中的脚本代码。 如果客户端不能处理脚本代码,执行noscript元素中的内容 推荐解决方案: 使用表单将javascript代码所实现的 功能放在服务端运行。 请将书p42页代码调试运行。 不推荐使用!可用type属性代替。 在html中使用javascript脚本语言 script元素的常用属性 可以出现任意

6、次数,可以位于head元素中,也可以位于body元素中。 defer=“defer” 使用script元素定义脚本代码 通知浏览器,元素内容(这段脚本代码)将不会产生任何文档内 容。允许省略属性值。 aysnc与src 的组合类型 type=“mime” 指定元素内容所使用的脚本语言。html5.0中默认值为”text/javascript”。 请参阅书p37页常用内容类型 language=“语言标识符” 指定了元素的内容的脚本语言,它的值是这个语言的标识符。 scr=“外部文档url地址” 指定了保存脚本代码的外部文件的位置。 当使用xml语法编写html5文档时, script元素的内容

7、可能和xml1.0规 范冲突。怎么办? charset=“字符集” 定义src属性指定的外部外部脚本代码所使用的字符编码。 优先权! aysnc=“ture/false”定义脚本的异步执行方式。 只定义aysnc。脚本将被异步执行。(线程) 只定义了defer。脚本将在文档完成解析后被执行。 都没有定义,遇到立即解释执行。 在html中使用javascript脚本语言 body元素的常用事件属性 将特定数量的内建事件与一个特定的用户与浏览器交互的动作关联 在一起。每个内建事件的每次发生都可以触发一个脚本。 在事件属性值中定义脚本代码 请参阅书p40页表3-1 事件属性 试一试:试一试:在浏览器中输入 javascript:window.open(about:blank); javascript:window.open(about:blank);void 0; 控件元素如intput,select,button,textarea和 label均响应一定的内建事件。 在超链接中定义脚本代码 在超链接的url地址中定义脚本代码。通过使用javascript:前缀 将javascript代码用做url地址。 function pop

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论