HTML5及CSS3web前端开发技术习题答案解析.docx

WORD格式可编辑第一章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规定元素的唯一IDlang规定元素中内容的语言代码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规X，应用于移动设备中的地理定位专业知识整理分享--------WORD格式可编辑提高页面响应的多线程HTML5新增了WebWorkers来实现多线程功能通过WebWorkers，将耗时较长的处理交给后台线程，降低Web效劳的响应时间，有利于增强用户体验方便用户处理文件和访问文件系统的文件文件APIHTML5的文件API包括FileReaderAPI和File SystemAPI除了上面介绍的HTML5的特性之外，HTML5还有管理浏览器历史记录的HistoryAPIHTML5可以通过脚本语言在浏览器历史记录中添加工程，以及在不刷新页面的前提下显示地改变浏览器地址栏中的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文档和标记表示的是文档头部信息，一般包括标题和主题信息，该局部信息不会显示在页面正文中一些CSS样式定义、JavaScript脚本也可以放到文档的头部和标记是网页的主体信息，是显示在页面上的内容，各种网页元素，包括文字、表格和图片等信息都将放到这个标记内如果为body元素设置CSS样式，还可以实现背景、边距、字体等样式的变化〔2〕HTML5增加的article、section、nav、aside等构造元素功能HTML5增加了article、section、nav、aside、header、footer等布局元素，以实现更好的语义解释但这些构造元素定义的是增强了语义的div块，是HTML页面按逻辑进展分割后的单位，并没有显示效果article元素代表文档、页面或应用程序中独立的、完整的、可以单独被外部引用的内容。

例如，一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件等section元素用于定义文档中的节比方章节、页眉、页脚或文档中的其它局部一般用于成节的内容，会在文档流中开场一个新的节nav元素是一个可以用作页面导航的组，其中的导航元素到其他页面或当前页面的其他局部aside标签用来承载非正文的内容，被视为页面里面一个单独的局部它包含的内容与页面的主要内容是分开的，可以被删除，而不会影响到网页的内容、章节或是页面所要传达的信息header元素是一种具有引导和导航作用的构造元素，通常用来放置整个页面或页面内的一个内容区域的标题，但也可以包括表格、logo图片等内容专业知识整理分享--------WORD格式可编辑footer元素一般作为其上层容器元素的脚注〔3〕HTML为什么要使用字符实体？列举出5个常用的字符实体名称一些字符在HTML中拥有特殊的含义，比方小于号(<)用于定义HTML标记的开场如果用户希望浏览器正确地显示这些字符，需要在HTML源码中插入字符实体常见的字符实体如下显示结果描述实体名称空格 <小于号<>大于号>&和号&"引号"'撇号' (IE不支持)§节§?©?注册商标®×乘号×÷除号÷操作题略。

第三章1．简答题〔1〕定义列表的标记有哪几种？各种列表标记之间都可以嵌套使用吗？HTML中的列表元素有3种形式——有序列表、无序列表和自定义列表有序列表由

标记开场，自定义列表工程以

开场，自定义列表的解释以

开场各种列表标记之间都可以嵌套使用，例如，自定义列表的一个嵌套

用户名

6~18个字符，需以字母开头

first Name

fdsdffddsfds

last Name

fdfdfdsdsssdf

密码

6~16个字符，区分大小写

专业知识整理分享--------WORD格式可编辑〔2〕在HTML文档中插入图像使用什么标记？该标记有哪些常用属性？分别实现什么功能？使用标记插入图像，语法格式如下。

该标记含有多个属性，具体的属性及功能如表所示其中，width属性、height属性、border属性、align属性已经不建议使用，而是通过CSS来描述属性名说明src图像地址title添加图像的替代文字width/height设置图像宽度/高度border设置图像边框align设置图像对齐方式〔3〕绝对路径、相对路径和根路径的区别是什么？绝对路径指文件的完整路径，包括文件传输的协议、FTP等，一般用于的外部，相对路径是指相对于当前文件的路径，它包含了从当前文件指向目的文件的路径，适用于网站的内部根路径的设置以“/〞开头，后面紧跟文件路径，例如：/download/index.html根路径的设置也适用于内部的建立，一般情况下不使用根路径根路径必须在配置好的效劳器环境中才能使用〔4〕如何为网页添加超？定义超时如何指定翻开文件的目标窗口？有几种目标窗口形式？在HTML文件中，使用标记来定义超，具体对象通过标记中的href属性来设置定义超的语法格式如下标题target属性指定用于翻开的目标窗口，默认方式是原窗口，其属性值如表所示。

属性值说明parent当前窗口的上级窗口，一般在框架中使用blank在新窗口中翻开self在同一窗口中翻开，和默认值一致top在浏览器的整个窗口中翻开，忽略任何框架2．操作题〔1〕使用无序列表标记

和有序列表标记
定义如图3-23所示的嵌套列表，文件可自定义或输入“#〞学生选课信息
1. 必修课
• 公共必修课
专业知识整理分享--------WORD格式可编辑
• 计算机根底
• 大学外语
• 专业必修课
2. 选修课
1. 公共选修课
2. 专业选修课
图3-23嵌套列表效果〔2〕在网页中插入图像，并对图像做如下设置图像宽为浏览器窗口的一半，高为浏览器窗口的1/4；图像边框宽5像素；替代文字为“图片欣赏〞；图像显示在文字左侧。

〔3〕使用表格及表格嵌套技术等，对网页做如图2-43所示的布局设计①表格宽度为600像素；②可以先后插入4个2×2的表格，将每个表格第一行第一个单元格设置为跨2竖列，也可以根据图示，自定义表格构造；③标题单元格的背景颜色可自定。