html5手机开发考试题及答案,HTML5与CSS3-web前端开发技术习题答案教学案例.docx

1

第一章

1．简答题

(1)在Web前端开发方面，HTML5与HTML4比较，主要解决哪几方面的问题？

HTML5的核心在于解决当前Web开发中存在的各种问题。

一是解决Web浏览器之间的兼容性问题。在一个浏览器上正常显示的网页(或运行的Web应用程序)，很可能在另一个浏览器上不能显示或显示效果不一致；

二是文档结构描述的问题。HTML4之前的各版本中，HTML文档的结构一般用div元素描述，文档元素的结构含义不够清晰；

三是使用HTML+CSS+JavaScript开发Web应用程序时，开发功能受到很大的限制，比如本地数据存储功能、多线程访问、获取地理位置信息等，这些都影响了用户的体验。

(2)HTML5新增的全局属性有哪几个？描述其主要功能。

HTML5新增的全局属性，是指可以对任何元素都使用的属性。功能如下所示。

属性

描述

HTML5新增

accesskey

规定访问元素的键盘快捷键

class

规定元素的类名(用于规定样式表中的类)。

contenteditable

规定是否允许用户编辑内容。

是

contextmenu

规定元素的上下文菜单。

是

dir

规定元素中内容的文本方向。

draggable

规定是否允许用户拖动元素。

是

dropzone

规定当被拖动的项目/数据被拖放到元素中时会发生什么。

是

hidden

规定该元素是无关的。被隐藏的元素不会显示。

是

id

规定元素的唯一 ID。

lang

规定元素中内容的语言代码。

spellcheck

规定是否必须对元素进行拼写或语法检查。

是

style

规定元素的行内样式。

tabindex

规定元素的 tab 键控制次序。

title

规定有关元素的额外信息。

(3)HTML5是下一代Web语言的开发框架，典型特性有哪些？

HTML5从标记语言的功能提升到下一代Web语言的开发框架，他集成了HTML+CSS3+JavaScript的Web应用框架。。

良好的语义特性。HTML5支持微数据与微格式，增加的各种元素赋予网页更好的意义和结构，适于构建对程序、对用户都更有价值的数据驱动的Web应用。HTML5增加了section元素、article元素、nav元素以及aside元素等结构元素。

强大的绘图功能。通过使用Canvas API动态地绘制各种效果精美的图形，也可以通过SVG绘制可伸缩矢量图形。

增强的音视频播放和控制功能。新增了audio和video 元素，可以不依赖任何插件而播放音频和视频。

HTML5的数据存储和数据处理的功能。

包括离线应用、Web通信、本地存储 等功能，HTML5还支持WebSQL和IndexedDB等轻量级数据库，增强了数据存储和数据检索能力。

获取地理位置信息。HTML5新增了Geolocation API规范，应用于移动设备中的地理定位。

提高页面响应的多线程。HTML5新增了Web Workers来实现多线程功能。通过Web Workers，将耗时较长的处理交给后台线程，降低Web服务的响应时间，有利于增强用户体验。

方便用户处理文件和访问文件系统的文件文件API 。HTML5的文件API包括FileReader API和File SystemAPI。

除了上面介绍的HTML5的特性之外，HTML5还有管理浏览器历史记录的History API。HTML5可以通过脚本语言在浏览器历史记录中添加项目，以及在不刷新页面的前提下显示地改变浏览器地址栏中的URL地址；而HTML5的拖放功能可以使用mousedown、mousemove、mouseup等方法来实现拖放操作。

(4)HTML5文档结构的HTML4之前的文档结构有哪些变化？

内容类型(ContentType) 。HTML5的文件扩展名与内容类型与之前的HTML版本相同。但. DOCTYPE声明 做了简化，该声明适用所有HTML。声明如下：

在HTML5中，直接指定meta标记的charset属性可以设置字符编码，如下所示。

从HTML5开始，对于HTML文件的字符编码推荐使用UTF-8。

操作题略。

第二章

1．简答题

(1)简述HTML文档的基本结构元素的功能。

HTML文档的基本结构元素包括、

、等。

和标记表示该文档是HTML文档。有时标记可省略，因为.html或.htm文件被Web浏览器默认为是HTML文档。