1. HTML5视频
解析:video元素支持三种视频格式:Ogg即带有Theora视频编码和Vorbis音频编码的Ogg文件,MPEG4即带有H.264视频编码和AAC音频编码的MPEG 4文件,WebM=带有VP8视频编码和 Vorbis音频编码的WebM文件。如下所示:
<video width="320" height="240" controls="controls">
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
(1)control属性供添加播放、暂停和音量控件。
(2)video元素允许多个source元素,source元素可以链接不同的视频文件,浏览器将使用第一个可识别的格式。
2. <div>标签
解析:<div>标签是一个块级元素,它可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。如果用id或 class来标记<div>,那么该标签的作用会变得更加有效。
3. <form>标签
解析:<form>标签是块级元素,它用于为用户输入创建HTML表单。表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等。表单用于向服务器传输数据。
4. <frameset>和<frame>标签
解析:frameset元素可定义一个框架集,它被用来组织多个窗口(框架),每个框架存有独立的文档。<frame>标签定义frameset中的一个特定的窗口(框架)。
5. HTML5音频
解析:audio元素支持三种音频格式:Ogg Vorbis,MP3,Wav。如下所示:
<audio controls="controls">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
(1)control属性供添加播放、暂停和音量控件。
(2)audio元素允许多个source元素,source元素可以链接不同的音频文件,浏览器将使用第一个可识别的格式。
6. HTML5 Canvas
解析:HTML5的canvas元素使用JavaScript在网页上绘制图像。画布是一个矩形区域,你可以控制其每一像素。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。把一幅图像放置到画布上,如下所示:
<!DOCTYPE HTML>
<html>
<body>
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
var img=new Image()
img.src="/i/eg_flower.png"
cxt.drawImage(img,0,0);
</script>
</body>
</html>
说明:style="border:1px solid #c3c3c3;"表示设置背景边框1像素宽,颜色是c3c3c3。
7. HTML5 SVG
解析:伸缩矢量图形(Scalable Vector Graphics,SVG)使用XML格式定义图形,并且在放大或改变尺寸的情况下其图形质量不会有损失。
8. HTML5 Web存储
解析:HTML5提供了两种在客户端存储数据的新方法,如下所示:
(1)localStorage:没有时间限制的数据存储。
(2)sessionStorage:针对一个session的数据存储。
说明:HTML5使用JavaScript来存储和访问数据。
9. HTML标签功能
解析:
(1)基础(2)格式(3)表单(4)框架(5)图像(6)音频/视频(7)链接(8)列表(9)表格(10)样式/节(11)元信息(12)编程。
说明:HTML和XHTML用标准的7比特ASCII代码在网络上传输数据。7比特ASCII代码可提供128个不同的字符值。
10. HTTP状态信息
解析:(1)1xx: 信息(2)2xx: 成功(3)3xx: 重定向(4)4xx: 客户端错误(5)5xx: 服务器错误。
11. JavaScript数据类型
解析:字符串、数字、布尔、数组、对象、Null、Undefined。
12. JavaScript改变HTML
解析:
(1)改变HTML输出流,比如document.write()。
(2)改变HTML内容,比如document.getElementById(id).innerHTML。
(3)改变HTML属性,比如document.getElementById(id).attribute。
(4)改变HTML样式,比如document.getElementById(id).style.property。
13. window对象
解析:所有浏览器都支持window对象。它表示浏览器窗口。所有JavaScript全局对象、函数以及变量均自动成为window对象的成员。全局变量是window对象的属性。全局函数是window对象的方法。
14. window.screen对象
解析:window.screen对象包含有关用户屏幕的信息。
15. window.location对象
解析:window.location对象用于获得当前页面的地址(URL),并把浏览器重定向到新的页面。
16.window.history对象
解析:window.history对象包含浏览器的历史。
17. window.navigator对象
解析:window.navigator对象包含有关访问者浏览器的信息。
18. JavaScript消息框
解析:可以在JavaScript中创建三种消息框:警告框[alert("文本")]、确认框[confirm("文本")]、提示框[prompt("文本","默认值")]。
19. JavaScript计时
解析:通过使用JavaScript计时事件,可在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。
20. Cookies
解析:cookie是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个cookie。可以使用JavaScript来创建和取回cookie的值。
21. jQuery库
解析:jQuery是目前最受欢迎的JavaScript框架,它使用CSS选择器来访问和操作网页上的HTML元素(DOM对象),同时提供companion UI(用户界面)和插件。引用jQuery库,如下所示:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
22. HTML DOM和AJAX
(1)HTML DOM:定义了访问和操作HTML文档的标准方法。
(2)AJAX:异步JavaScript和XML。它不是一种新的编程语言,而是一种使用现有标准的新方法。通过与服务器进行数据交换,可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
23. JavaScript对象
解析:(1)Array(2)Boolean(3)Date(4)Math(5)Number(6)String(7)RegExp(8)Global
24. Browser对象
解析:(1)Window(2)Navigator(3)Screen(4)History(5)Location
25. HTML DOM对象
解析:(1)Document(2)Anchor(3)Area(4)Base(5)Body(6)Button(7)Canvas(8)Event(9)Form(10)Frame(11)Frameset(12)IFrame(13)Image(14)Input Button(15)Input Checkbox(16)Input File(17)Input Hidden(18)Input Password(19)Input Radio(20)Input Reset(21)Input Submit(22)Input Text(23)Link(24)Meta(25)Object(26)Option(27)Select(28)Style(29)Table(30)TableCell(31)TableRow(32)Textarea。
参考文献:
[1] JavaScript参考手册:http://www.w3school.com.cn/jsref/index.asp