《html5及css3web前端开发技术习题答案解析》由会员分享,可在线阅读,更多相关《html5及css3web前端开发技术习题答案解析(64页珍藏版)》请在金锄头文库上搜索。
1、 WORD格式可编辑 第一章1简答题(1)在Web前端开发方面,HTML5与HTML4比较,主要解决哪几方面的问题?HTML5的核心在于解决当前Web开发中存在的各种问题。一是解决Web浏览器之间的兼容性问题。在一个浏览器上正常显示的网页(或运行的Web应用程序),很可能在另一个浏览器上不能显示或显示效果不一致;二是文档结构描述的问题。HTML4之前的各版本中,HTML文档的结构一般用div元素描述,文档元素的结构含义不够清晰;三是使用HTML+CSS+JavaScript开发Web应用程序时,开发功能受到很大的限制,比如本地数据存储功能、多线程访问、获取地理位置信息等,这些都影响了用户的体验
2、。(2)HTML5新增的全局属性有哪几个?描述其主要功能。HTML5新增的全局属性,是指可以对任何元素都使用的属性。功能如下所示。属性描述HTML5新增accesskey规定访问元素的键盘快捷键class规定元素的类名(用于规定样式表中的类)。contenteditable规定是否允许用户编辑内容。是contextmenu规定元素的上下文菜单。是dir规定元素中内容的文本方向。draggable规定是否允许用户拖动元素。是dropzone规定当被拖动的项目/数据被拖放到元素中时会发生什么。是hidden规定该元素是无关的。被隐藏的元素不会显示。是id规定元素的唯一 ID。lang规定元素中内容
3、的语言代码。spellcheck规定是否必须对元素进行拼写或语法检查。是style规定元素的行内样式。tabindex规定元素的 tab 键控制次序。title规定有关元素的额外信息。(3)HTML5是下一代Web语言的开发框架,典型特性有哪些?HTML5从标记语言的功能提升到下一代Web语言的开发框架,他集成了HTML+CSS3+JavaScript的Web应用框架。良好的语义特性。HTML5支持微数据与微格式,增加的各种元素赋予网页更好的意义和结构,适于构建对程序、对用户都更有价值的数据驱动的Web应用。HTML5增加了section元素、article元素、nav元素以及aside元素等
4、结构元素。强大的绘图功能。通过使用Canvas API动态地绘制各种效果精美的图形,也可以通过SVG绘制可伸缩矢量图形。增强的音视频播放和控制功能。新增了audio和video 元素,可以不依赖任何插件而播放音频和视频。HTML5的数据存储和数据处理的功能。包括离线应用、Web通信、本地存储 等功能,HTML5还支持WebSQL和IndexedDB等轻量级数据库,增强了数据存储和数据检索能力。获取地理位置信息。HTML5新增了Geolocation API规范,应用于移动设备中的地理定位。提高页面响应的多线程。HTML5新增了Web Workers来实现多线程功能。通过Web Workers,
5、将耗时较长的处理交给后台线程,降低Web服务的响应时间,有利于增强用户体验。方便用户处理文件和访问文件系统的文件文件API 。HTML5的文件API包括FileReader API和File SystemAPI。除了上面介绍的HTML5的特性之外,HTML5还有管理浏览器历史记录的History API。HTML5可以通过脚本语言在浏览器历史记录中添加项目,以及在不刷新页面的前提下显示地改变浏览器地址栏中的URL地址;而HTML5的拖放功能可以使用mousedown、mousemove、mouseup等方法来实现拖放操作。(4)HTML5文档结构的HTML4之前的文档结构有哪些变化?内容类型(
6、ContentType) 。HTML5的文件扩展名与内容类型与之前的HTML版本相同。但. DOCTYPE声明 做了简化,该声明适用所有HTML。声明如下: 在HTML5中,直接指定meta标记的charset属性可以设置字符编码,如下所示。从HTML5开始,对于HTML文件的字符编码推荐使用UTF-8。操作题略。第二章1简答题(1)简述HTML文档的基本结构元素的功能。HTML文档的基本结构元素包括、等。和标记表示该文档是HTML文档。有时标记可省略,因为.html或.htm文件被Web浏览器默认为是HTML文档。 和标记表示的是文档头部信息,一般包括标题和主题信息,该部分信息不会显示在页面
7、正文中。一些CSS样式定义、JavaScript脚本也可以放到文档的头部。和标记是网页的主体信息,是显示在页面上的内容,各种网页元素,包括文字、表格和图片等信息都将放到这个标记内。如果为body元素设置CSS样式,还可以实现背景、边距、字体等样式的变化。(2)HTML5增加的article、section、nav、aside等结构元素功能。HTML 5增加了article、section、nav、aside、header、footer等布局元素,以实现更好的语义解释。但这些结构元素定义的是增强了语义的div块,是HTML页面按逻辑进行分割后的单位,并没有显示效果article元素代表文档、页面
8、或应用程序中独立的、完整的、可以独自被外部引用的内容。 例如,一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件等。section元素用于定义文档中的节。比如章节、页眉、页脚或文档中的其它部分。一般用于成节的内容,会在文档流中开始一个新的节。nav元素是一个可以用作页面导航的链接组,其中的导航元素链接到其他页面或当前页面的其他部分。aside标签用来承载非正文的内容,被视为页面里面一个单独的部分。它包含的内容与页面的主要内容是分开的,可以被删除,而不会影响到网页的内容、章节或是页面所要传达的信息。header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个
9、内容区域的标题,但也可以包括表格、logo图片等内容。footer元素一般作为其上层容器元素的脚注(3)HTML为什么要使用字符实体?列举出5个常用的字符实体名称。一些字符在 HTML 中拥有特殊的含义,比如小于号 () 用于定义 HTML 标记的开始。如果用户希望浏览器正确地显示这些字符,需要在 HTML 源码中插入字符实体。常见的字符实体如下。显示结果描述实体名称空格 大于号>&和号&引号"撇号' (IE不支持)节§版权©注册商标®乘号×除号÷操作题略。第三章1简答题(1)定义列表的标记有哪几
10、种?各种列表标记之间都可以嵌套使用吗?HTML中的列表元素有3种形式有序列表、无序列表和自定义列表。有序列表由标记对实现,在标记之间使用成对的标记添加列表项目。无序列表由成对的标记对实现,标记之间使用成对的标记可添加列表项目。自定义列表以标记开始,自定义列表项目以开始,自定义列表的解释以开始。各种列表标记之间都可以嵌套使用,例如,自定义列表的一个嵌 套。自定义列表示例 用户名618个字符,需以字母开头 first Namefdsdffddsfds last Namefdfdfdsdsssdf 密码616个字符,区分大小写 (2)在HTML文档中插入图像使用什么标记?该标记有哪些常用属性?分别实
11、现什么功能?使用标记插入图像,语法格式如下。该标记含有多个属性,具体的属性及功能如表所示。其中,width属性、height属性、border属性、align属性已经不建议使用,而是通过CSS来描述。属性名说明src图像地址title添加图像的替代文字width/height设置图像宽度/高度border设置图像边框align设置图像对齐方式(3)绝对路径、相对路径和根路径的区别是什么?绝对路径指文件的完整路径,包括文件传输的协议HTTP、FTP等,一般用于网站的外部链接,相对路径是指相对于当前文件的路径,它包含了从当前文件指向目的文件的路径,适用于网站的内部链接。根路径的设置以“/”开头,后
12、面紧跟文件路径,例如:/download/index.html。根路径的设置也适用于内部链接的建立,一般情况下不使用根路径。根路径必须在配置好的服务器环境中才能使用。(4)如何为网页添加超链接?定义超链接时如何指定打开链接文件的目标窗口?有几种目标窗口形式?在HTML文件中,使用标记来定义超链接,具体链接对象通过标记中的href属性来设置。定义超链接的语法格式如下。链接标题target属性指定用于打开链接的目标窗口,默认方式是原窗口,其属性值如表所示。属性值说明parent当前窗口的上级窗口,一般在框架中使用blank在新窗口中打开self在同一窗口中打开,和默认值一致top在浏览器的整个窗口中打开,忽略任何框架2操作题(1)使用无序列表标记和有序列表标记定义如图3-23所示的嵌套列表,链接文件可自定义或输入“#”。嵌套列表示例学生选课信息必修课公共必修课计算机基础大学外语专业必修课选修课公共选修课专业选修课图3-23 嵌套列表效果(2)在网页中插入图像,并对图像做如下设置。图像宽为浏览器窗口的一半,高为浏览器窗口的1/4;图像边框宽5像素;替代文字为“图片欣赏”;图像显示在文字左侧。(3)使用表格及表