html5与css3web前端开发技术习题答案Word格式.docx

1、通过使用Canvas API动态地绘制各种效果精美的图形，也可以通过SVG绘制可伸缩矢量图形。增强的音视频播放和控制功能。新增了audio和video 元素，可以不依赖任何插件而播放音频和视频。HTML5的数据存储和数据处理的功能。包括离线应用、Web通信、本地存储 等功能，HTML5还支持WebSQL和IndexedDB等轻量级数据库，增强了数据存储和数据检索能力。获取地理位置信息。HTML5新增了Geolocation API规范，应用于移动设备中的地理定位。提高页面响应的多线程。HTML5新增了Web Workers来实现多线程功能。通过Web Workers，将耗时较长的处理交给后台线

2、程，降低Web服务的响应时间，有利于增强用户体验。方便用户处理文件和访问文件系统的文件文件API 。HTML5的文件API包括FileReader API和File SystemAPI。除了上面介绍的HTML5的特性之外，HTML5还有管理浏览器历史记录的History API。HTML5可以通过脚本语言在浏览器历史记录中添加项目，以及在不刷新页面的前提下显示地改变浏览器地址栏中的URL地址；而HTML5的拖放功能可以使用mousedown、mousemove、mouseup等方法来实现拖放操作。（4）HTML5文档结构的HTML4之前的文档结构有哪些变化内容类型（ContentType） 。

3、HTML5的文件扩展名与内容类型与之前的HTML版本相同。但. DOCTYPE声明 做了简化，该声明适用所有HTML。声明如下： 在HTML5中，直接指定meta标记的charset属性可以设置字符编码，如下所示。meta charset=utf-8从HTML5开始，对于HTML文件的字符编码推荐使用UTF-8。操作题略。第二章（1）简述HTML文档的基本结构元素的功能。HTML文档的基本结构元素包括、body等。和标记表示该文档是HTML文档。有时标记可省略，因为.html或.htm文件被Web浏览器默认为是HTML文档。 和标记表示的是文档头部信息，一般包括标题和主题信息，该部分信息不会显

4、示在页面正文中。一些CSS样式定义、JavaScript脚本也可以放到文档的头部。/body标记是网页的主体信息，是显示在页面上的内容，各种网页元素，包括文字、表格和图片等信息都将放到这个标记内。如果为body元素设置CSS样式，还可以实现背景、边距、字体等样式的变化。（2）HTML5增加的article、section、nav、aside等结构元素功能。HTML 5增加了article、section、nav、aside、header、footer等布局元素，以实现更好的语义解释。但这些结构元素定义的是增强了语义的div块，是HTML页面按逻辑进行分割后的单位，并没有显示效果article元

5、素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。 例如，一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件等。section元素用于定义文档中的节。比如章节、页眉、页脚或文档中的其它部分。一般用于成节的内容，会在文档流中开始一个新的节。nav元素是一个可以用作页面导航的链接组，其中的导航元素链接到其他页面或当前页面的其他部分。aside标签用来承载非正文的内容，被视为页面里面一个单独的部分。它包含的内容与页面的主要内容是分开的，可以被删除，而不会影响到网页的内容、章节或是页面所要传达的信息。header元素是一种具有引导和导航作用的结构元素，通常用来放置整个页

6、面或页面内的一个内容区域的标题，但也可以包括表格、logo图片等内容。footer元素一般作为其上层容器元素的脚注（3）HTML为什么要使用字符实体列举出5个常用的字符实体名称。一些字符在 HTML 中拥有特殊的含义，比如小于号 （） 用于定义 HTML 标记的开始。如果用户希望浏览器正确地显示这些字符，需要在 HTML 源码中插入字符实体。常见的字符实体如下。显示结果实体名称空格 小于号lt;大于号gt;和号amp;引号quot;撇号apos; （IE不支持）节sect;版权copy;注册商标reg;乘号times;除号divide;第三章（1）定义列表的标记有哪几种各种列表标记之

7、间都可以嵌套使用吗HTML中的列表元素有3种形式有序列表、无序列表和自定义列表。有序列表由/ol标记对实现，在标记之间使用成对的/li标记添加列表项目。无序列表由成对的/ul标记对实现，标记可添加列表项目。自定义列表以标记开始，自定义列表项目以开始，自定义列表的解释以开始。各种列表标记之间都可以嵌套使用，例如，自定义列表的一个嵌 套。DOCTYPE HTMLmeta charset=utf-8title自定义列表示例 用户名618个字符，需以字母开头 first Namefdsdffddsfds last Name/dt密码616个字符，区分大小写 （2）在HTML文档中插入图像使用什么标记该

8、标记有哪些常用属性分别实现什么功能使用标记插入图像，语法格式如下。img src=url title=description /该标记含有多个属性，具体的属性及功能如表所示。其中，width属性、height属性、border属性、align属性已经不建议使用，而是通过CSS来描述。属性名说明src图像地址添加图像的替代文字width/height设置图像宽度/高度border设置图像边框align设置图像对齐方式（3）绝对路径、相对路径和根路径的区别是什么绝对路径指文件的完整路径，包括文件传输的协议HTTP、FTP等，一般用于网站的外部链接，相对路径是指相对于当前文件的路径，它包含了从当前文

9、件指向目的文件的路径，适用于网站的内部链接。根路径的设置以“/”开头，后面紧跟文件路径，例如：/download/。根路径的设置也适用于内部链接的建立，一般情况下不使用根路径。根路径必须在配置好的服务器环境中才能使用。（4）如何为网页添加超链接定义超链接时如何指定打开链接文件的目标窗口有几种目标窗口形式在HTML文件中，使用标记来定义超链接，具体链接对象通过标记中的href属性来设置。定义超链接的语法格式如下。a href= target=target-windows 链接标题target属性指定用于打开链接的目标窗口，默认方式是原窗口，其属性值如表所示。属性值parent当前窗口的上级窗口，

10、一般在框架中使用blank在新窗口中打开self在同一窗口中打开，和默认值一致top在浏览器的整个窗口中打开，忽略任何框架2操作题（1）使用无序列表标记和有序列表标记定义如图3-23所示的嵌套列表，链接文件可自定义或输入“#”。嵌套列表示例学生选课信息必修课公共必修课#计算机基础大学外语专业必修课选修课ol type=a公共选修课专业选修课图3-23 嵌套列表效果（2）在网页中插入图像，并对图像做如下设置。图像宽为浏览器窗口的一半，高为浏览器窗口的1/4；图像边框宽5像素；替代文字为“图片欣赏”；图像显示在文字左侧。（3）使用表格及表格嵌套技术等，对网页做如图2-43所示的布局设计。 表格宽度

11、为600像素； 可以先后插入4个22的表格，将每个表格第一行第一个单元格设置为跨2竖列，也可以根据图示，自定义表格结构； 标题单元格的背景颜色可自定义。图3-24 表格示例第四章（1）表单中文本框和密码框在定义方法和实现效果上有什么区别将标记中的type属性值设置为text，就可以在表单中插入文本框。在此文本框中可以输入任何类型的数据，但输入的数据将以单行显示，不会换行。例如，使用其中，value属性指定的复选框被选中是该控件的值，checked用来设置复选框默认被选中。单选按钮表示互相排斥的选项。在某单选按钮组（由两个或多个同名的按钮组成）中选择一个按钮时，就会取消对该组中其他所有按钮的选择

12、。标记中的type属性值设置为radio，就可以在表单中插入一个单选按钮。在选中状态时，按钮中心会有一个实心圆点。（3）简述HTML5新增加的form属性、formmethod属性、placeholder属性、autocomplete属性的功能。在HTML5中，可以将表单元素写在页面上的任何位置，然后给该元素指定一个form属性，属性值为该表单的id（id是表单的惟一属性标识），通过这种方式声明该元素属于哪个具体的表单。HTML5中使用formmethod属性对每个表单元素分别指定不同的提交方法。placeholder是指当文本框2.操作题（4）-表单h2考试报名表form name=form

13、1 method=post action=p用户名： name=textfield1/p文理选择：radioradrad1文科rad2理科rad3综合报考科目：checkboxshu 数学check2yu 语文check3wai 外语check4wu 物理check5hua 化学check6sheng 生物check7zheng 政治check8li 历史check9di 地理 subsubmit提交reset重置button确定/form第五章（1）HTML5中插入视频使用什么标记描述其语法格式及含义、该标记的属性及功能。HTML5提供了视频内容的标准接口，规定使用标记来描述和播放视频。标记

14、语法格式如下：video src= controls=controls替代文字如果浏览器不支持url指定的video元素，将显示替代文字。标记常用的属性及说明如表5-1所示。表5-1 标记常用属性及说明值url要播放视频的URLautoplay视频就绪后立刻播放controls controls添加播放、暂停和音量等控件width像素设置视频播放器的宽度height 设置视频播放器的高度loop设置视频是否循环播放preloadauto/none/metadata视频在页面加载时开始加载，并预备播放startTime读取媒体的开始播放时间，通常为0currentTime读取或修改媒体的当前播放

15、位置duration读取媒体总的播放时间volume01读取或修改媒体的播放音量mutedtrue/false读取或修改媒体的静音状态（2）简述video元素常用方法和事件（各列出3种即可）。video元素还有一系列重要的方法和事件。调用这些方法和事件可以访问和控制video对象。表5-3给出了部分video元素常用的方法和事件。表5-3 标记常用方法和事件方法/事件功能play（）播放媒体，paused属性的值自动修改为falsepause（）暂停播放，paused属性的值自动修改为trueload（） 重新载入媒体进行播放play事件执行play（）方法时触发pause事件执行pause（

16、）方法时触发error事件获取媒体数据错误时触发timeupdate事件当前播放位置发生改变时触发durationchange事件播放时长被改变（3）简述track元素的功能和常用的属性。track元素可以为使用video元素播放的视频或使用audio元素播放的音频添加字幕、标题或章节等文字信息。track元素为视频添加字幕的过程和为音频添加字幕的过程是相同的。track元素是video元素的子元素，标记必须被书写在 video元素的开始标记与结束标记之间。如果使用标记描述媒体文件，则标记必须被书写在标记之后。track元素是一个空元素，其开始标记与结束标记之间不包含任何内容。表5-6给出了标记的常用属性及说明。表5-6 /body