第18练 HTML5简介与新标记 《移动商务基础》（人大版第二版）山东省（春季高考）一课一练（原卷版+解析版）

编写说明：考虑到中职学生普遍基础知识相对薄弱的情况，我们依据支架式教学理念，精心编制了《移动商务基础》（人大版第二版）一课一练。专辑中每1份练习，都与课堂所授知识点紧密相关，练习题内容围绕课堂所学知识点呈现。目的在于激发学生的学习兴趣，培养他们的学习自觉性，帮助学生掌握课程的基本概念及方法，为后续进一步提升奠定基础。 本卷为《移动商务基础》（人大版第二版）一课一练的第18练，练习内容为HTML5简介与新标记。 《移动商务基础》（人大版第二版） 第二章 移动商务技术概况 第四节 移动商务开发的新技术——HTML5和CSS3 第18练 HTML5简介与新标记 一、单选题 1. HTML5是HyperText Markup Language 5的缩写，它在（ ）正式发布。 A. 2005年 B. 2008年 C. 2010年 D. 2012年 2. HTML5的目标是取代1999年所定的（ ）标准。 A. HTML4.01和XHTML1.0 B. HTML3.2和XHTML2.0 C. HTML4.0和CSS2.1 D. XHTML1.1和XML1.0 3. 广义论及HTML5时，实际指的是包括HTML、CSS和（ ）在内的一套技术组合。 A. Java B. PHP C. Ruby D. JavaScript 4. HTML5添加的新语法特征中，用于在网页中添加和处理多媒体内容的元素是（ ）。 A. 《video》、《audio》和《canvas》 B. 《div》和《span》 C. 《font》和《center》 D. 《table》和《tr》 5. 一些过时的HTML4标记将被取消，其中包括纯粹用作显示效果的标记，它们的效果完全通过（ ）实现。 A. XML B. JSON C. CSS D. YAML 6. HTML5文档类型声明的开始行是（ ）。 A. 《！DOCTYPE HTML4》 B. 《！DOCTYPE html》 C. 《html version＝”5”》 D. 《meta charset＝”html5”》 7. 在移动设备中，当输入类型为type＝number、type＝email或type＝text时，浏览器会调用（ ），这样可以加快用户的输入。 A. 不同颜色的按钮 B. 不同大小的字体 C. 不同版面的键盘 D. 不同语种的菜单 二、简答题 8. 简述HTML5新增标记在网页中的作用。 9. 简述HTML5表单新增属性带来的便利。 三、综合分析题 10. 一家企业准备开发面向手机用户的商品展示页面。技术人员的方案是：用一套技术组合来完成页面结构与样式，不再依赖需要安装插件的动画工具；页面上的导航区、页头和页脚都改用带有语义的标签来编写；商品录入表单则利用新的输入类型，让用户在手机上输入数量、邮箱和上架日期时更方便。请回答下列问题： （1）材料中“不再依赖需要安装插件的动画工具”，体现了HTML5的什么目标？ （2）材料中“带有语义的标签”有哪些好处？ （3）结合材料，说明表单新增输入类型给用户带来的便利。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $ 编写说明：考虑到中职学生普遍基础知识相对薄弱的情况，我们依据支架式教学理念，精心编制了《移动商务基础》（人大版第二版）一课一练。专辑中每1份练习，都与课堂所授知识点紧密相关，练习题内容围绕课堂所学知识点呈现。目的在于激发学生的学习兴趣，培养他们的学习自觉性，帮助学生掌握课程的基本概念及方法，为后续进一步提升奠定基础。 本卷为《移动商务基础》（人大版第二版）一课一练的第18练，练习内容为HTML5简介与新标记。 《移动商务基础》（人大版第二版） 第二章 移动商务技术概况 第四节 移动商务开发的新技术——HTML5和CSS3 第18练 HTML5简介与新标记 一、单选题 1. HTML5是HyperText Markup Language 5的缩写，它在（ ）正式发布。 A. 2005年 B. 2008年 C. 2010年 D. 2012年 【答案】B 【解析】HTML5是HyperText Markup Language 5的缩写，HTML5在2008年正式发布。HTML5技术结合了HTML前期版本的相关标准并大幅更新，使其更加符合现代网络发展特别是移动互联网发展的要求。 2. HTML5的目标是取代1999年所定的（ ）标准。 A. HTML4.01和XHTML1.0 B. HTML3.2和XHTML2.0 C. HTML4.0和CSS2.1 D. XHTML1.1和XML1.0 【答案】A 【解析】HTML5是HTML下一个的主要修订版本，现在仍处于发展阶段，目标是取代1999年所定的HTML4.01和XHTML1.0标准，以期能在互联网应用迅速发展的时候，使网络标准符合当代的网络需求。 3. 广义论及HTML5时，实际指的是包括HTML、CSS和（ ）在内的一套技术组合。 A. Java B. PHP C. Ruby D. JavaScript 【答案】D 【解析】广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于基于插件的丰富性网络应用服务的需求。 4. HTML5添加的新语法特征中，用于在网页中添加和处理多媒体内容的元素是（ ）。 A. 《video》、《audio》和《canvas》 B. 《div》和《span》 C. 《font》和《center》 D. 《table》和《tr》 【答案】A 【解析】HTML5添加了许多新的语法特征，其中包括《video》、《audio》和《canvas》元素，同时集成了SVG内容。这些元素是为了更容易地在网页中添加和处理多媒体与图片内容而添加的。 5. 一些过时的HTML4标记将被取消，其中包括纯粹用作显示效果的标记，它们的效果完全通过（ ）实现。 A. XML B. JSON C. CSS D. YAML 【答案】C 【解析】一些过时的HTML4标记将被取消，其中包括纯粹用作显示效果的标记，如《font》和《center》，它们的效果完全通过CSS实现。 6. HTML5文档类型声明的开始行是（ ）。 A. 《！DOCTYPE HTML4》 B. 《！DOCTYPE html》 C. 《html version＝”5”》 D. 《meta charset＝”html5”》 【答案】B 【解析】尽管和SGML在标记上有相似性，但HTML5的句法却被设计成向后兼容对老版本的HTML的解析。它有一个新的开始行进行文档类型声明：《！DOCTYPE html》。 7. 在移动设备中，当输入类型为type＝number、type＝email或type＝text时，浏览器会调用（ ），这样可以加快用户的输入。 A. 不同颜色的按钮 B. 不同大小的字体 C. 不同版面的键盘 D. 不同语种的菜单 【答案】C 【解析】如果浏览器支持form的新属性，那么就会自动调用相应组件，如在移动设备中“type＝number／email／text”时，浏览器会调用不同版面的键盘，这样可以加快用户的输入，使用户的体验更好。 二、简答题 8. 简述HTML5新增标记在网页中的作用。 【答案】 ①HTML5提供了新的元素和属性，有些元素在技术上类似div和span标签，但有一定含义，如nav和footer。 ②这种标签有利于搜索引擎的索引、小屏幕设备页面设计以及视障人士的使用； ③新元素也为新版浏览器提供了新的功能，如通过audio和video标签实现音频或视频播放。 9. 简述HTML5表单新增属性带来的便利。 【答案】 ①在HTML5中，表单form是最具代表性的标签之一，它新增了不少属性。 ②如果浏览器支持form的新属性，就会自动调用相应组件，在移动设备中输入不同类型的内容时会显示不同的键盘，加快用户输入； ③输入类型为范围时会出现供用户选择范围的组件，输入类型为日期时则出现日期选择器。 三、综合分析题 10. 一家企业准备开发面向手机用户的商品展示页面。技术人员的方案是：用一套技术组合来完成页面结构与样式，不再依赖需要安装插件的动画工具；页面上的导航区、页头和页脚都改用带有语义的标签来编写；商品录入表单则利用新的输入类型，让用户在手机上输入数量、邮箱和上架日期时更方便。请回答下列问题： （1）材料中“不再依赖需要安装插件的动画工具”，体现了HTML5的什么目标？ （2）材料中“带有语义的标签”有哪些好处？ （3）结合材料，说明表单新增输入类型给用户带来的便利。 【答案】 （1） ①体现了HTML5希望减少浏览器对于基于插件的丰富性网络应用服务需求的目标。 ②广义上的HTML5并不只是单一语言，而是一套技术组合，技术人员正是用这样的组合来完成页面。 （2） ①这种标签有利于搜索引擎的索引、小屏幕设备页面设计以及视障人士的使用； ②新元素也为新版浏览器提供了新的功能。 （3） ①在手机上输入数量、邮箱等不同类型的内容时，浏览器会调用不同的输入界面，加快输入速度； ②输入日期时会自动出现日期选择器，用户可以直观地选择，更加方便。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $