HTML5测试题整理Ⅱ
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>1.哪个元素被称为媒体元素的子元素?</strong></span></p><p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)"><track>。</span></strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><track> 标签为媒体元素(比如 <audio> and <video>)规定外部文本轨道。这个元素用于规定字幕文件或其他包含文本的文件,当媒体播放时,这些文件是可见的。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>2.哪个元素定义了 <object> 元素的参数?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)"><param></span>。</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,此标签可为包含它的 <object> 标签提供参数。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>3.哪个元素表示外部资源?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)"><object></span>。</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>外部资源由 <object> 元素表示,该元素可以被视为图像、嵌套的浏览上下文或插件要处理的资源。它包括各种属性,如存档、边框、分类、代码库、代码类型等。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>4.哪个元素指定多个媒体资源?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)"><source></span> 。</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><source> 元素为 <audio>、<video> 和 <picture> 元素指定多个媒体资源。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>5.哪个元素不是脚本元素?</strong></span></p>
<ul class="wpProQuiz_questionList" data-question_id="308" data-type="single">
<li class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> <noscript></label></strong></span></li>
<li class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> <canvas></label></strong></span></li>
<li class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> <script></label></strong></span></li>
<li class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> <image></label></strong></span></li>
</ul>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)"><image></span>。</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><span data-shimo-docs="[]">为了创建动态内容和 web 应用程序,HTML使用脚本语言 <canvas>、<script>、<noscript> 是支持此功能的特定元素。< image > 元素用于嵌入内容</span></strong></span></p>
<p class="wpProQuiz_listItem"> </p>
<p class="wpProQuiz_listItem"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>6.哪个元素显示任务的完成进度?</strong></span></p>
<p class="wpProQuiz_listItem"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)"><progress></span>。</strong></span></p>
<p class="wpProQuiz_listItem"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>progress 元素中显示指示任务完成进度的指示器,该指示器通常显示为进度栏。它还包括所有的全局属性,包括 max、value 等</strong></span></p>
<p class="wpProQuiz_listItem"> </p>
<p class="wpProQuiz_listItem"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>7.哪个元素创建了一组选项?</strong></span></p>
<p class="wpProQuiz_listItem"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)"><optgroup></span>。</strong></span></p>
<p class="wpProQuiz_listItem"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><optgroup> 元素在 <select>元 素中创建一组选项,此元素不应嵌套。它包括全局属性,比如 disabled, label 等等</strong></span></p>
<p class="wpProQuiz_listItem"> </p>
<p class="wpProQuiz_listItem"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>8.哪个元素表示给定范围内的标量值 ?</strong></span></p>
<p class="wpProQuiz_listItem"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)"><meter></span>。</strong></span></p>
<p class="wpProQuiz_listItem"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><meter> 元素表示已知范围内的标量值或阶乘值。它包括全局属性,如min、max、value、optimal、low、high、form等。</strong></span></p>
<p class="wpProQuiz_listItem"> </p>
<p class="wpProQuiz_listItem"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>9.哪个元素不定义属性的宽度?</strong></span></p>
<ul class="wpProQuiz_questionList" data-question_id="312" data-type="single">
<li class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> <input></label></strong></span></li>
<li class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> <object></label></strong></span></li>
<li class="wpProQuiz_questionListItem" data-pos="2"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> <embed></label></strong></span></li>
<li class="wpProQuiz_questionListItem wpProQuiz_answerCorrect" data-pos="3"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> <textarea></label></strong></span></li>
</ul>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<label><span style="background-color: rgba(255, 255, 0, 1)"><textarea></span>。</label></strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><textarea>通常与 cols、dirname、disabled、form、maxlength、minlength、name、placeholder, readonly, rows</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>10.下列哪个选项显示 JavaScript 中函数耗费时间的进度?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)"><progress></span>。</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><progress> 标签定义运行中的进度。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>11.哪个是在 HTML5 之前已经引入的特性?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)">frames</span>。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>12.如果在 HTML 文档的开始部分没有使用 doctype 怎么办?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)">浏怪异模式,浏览器使用自己的怪异模式解析渲染页面。</span></strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>因为 html 有很多版本,加入 <!doctype html> 表示你用的是 HTML5 的文档声明,让浏览器按照 HTML5 的标准解析你的代码。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>13.HTML5 没有删除哪个元素?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)"><small></span>。</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>虽然 HTML5 加了新元素,但它也淘汰了一些旧元素,如 <big>、<center>、<font>、<tt>、<strike> 等。</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><small> 标签呈现小号字体效果没有被删除。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>14.哪项定义了作品的标题?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)"><cite></span></strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>15.下列哪个陈述是正确的?</strong></span></p>
<ul class="wpProQuiz_questionList" data-question_id="318" data-type="single">
<li class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> canvas 包含内置动画</label></strong></span></li>
<li class="wpProQuiz_questionListItem" data-pos="1"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> svg 需要脚本来绘制元素</label></strong></span></li>
<li class="wpProQuiz_questionListItem wpProQuiz_answerCorrect" data-pos="2"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> 在 canvas 中,绘图是用像素完成的</label></strong></span></li>
<li class="wpProQuiz_questionListItem" data-pos="3"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> svg 不支持事件处理程序</label></strong></span></li>
</ul>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)">在 canvas 中,绘图是用像素完成的。</span></strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>在 SVG 中,绘图是使用向量完成的,并且它支持事件处理程序。Canvas 不包含任何内置的动画,绘图是用像素完成的。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>16.<main> 一般包含什么?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)">文章主题部分</span>。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>17.HTML5 事件可以触发多少次?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)">多次</span>。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>18.HTML5 文档可能包含一个______元素用于设置文档的标题部分?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)">header</span>。</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>header 标签用于包含站点的页眉内容。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>19.内容中可以使用哪个元素来表示 <article> 标签外的内容?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案: <span style="background-color: rgba(255, 255, 0, 1)">aside</span>。</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><aside> 标签定义 <article> 标签外的内容,aside 的内容应该与附近的内容相关。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>20.为同一个文件添加多种文件格式的原因是什么 ?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)">提供备份支持并解决媒体支持问题</span>。</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>要解决媒体支持问题,您需要添加其他格式来使用,包括一些 source 标签。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>21.要插入视频,我们需要使用 video 标签,并设置 src 属性为本地或远程 URL?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)">正确</span>。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>22.在 HTML 音频/视频 DOM 中,_____设置是否在页面加载后载入视频 ?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案: <span style="background-color: rgba(255, 255, 0, 1)">preload</span>。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>23.以下哪个不是 HTML5 标签 ?</strong></span></p>
<ul class="wpProQuiz_questionList" data-question_id="326" data-type="single">
<li class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> <video></label></strong></span></li>
<li class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> <source></label></strong></span></li>
<li class="wpProQuiz_questionListItem" data-pos="2"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> <track></label></strong></span></li>
<li class="wpProQuiz_questionListItem wpProQuiz_answerCorrect" data-pos="3"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> <slider></label></strong></span></li>
</ul>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)"><slider></span>。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>24.如果视频加载时没有设置视频的高度和宽度,会发生什么情况?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)">页面闪烁</span>。</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>如果没有设置高度和宽度,浏览器就不知道视频的大小。其效果是,当视频加载时,页面将发生变化(或闪烁)。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>25.下列哪种 HTML 视频媒体类型在 IE 中不受支持 ?</strong></span></p>
<ul class="wpProQuiz_questionList" data-question_id="328" data-type="single">
<li class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> WebM</label></strong></span></li>
<li class="wpProQuiz_questionListItem" data-pos="1"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> MP4</label></strong></span></li>
<li class="wpProQuiz_questionListItem wpProQuiz_answerCorrect" data-pos="2"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> Ogg</label></strong></span></li>
<li class="wpProQuiz_questionListItem" data-pos="3"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> MP4 FLAC</label></strong></span></li>
</ul>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)">Ogg</span> 。</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>Ogg 格式在 Internet Explorer 中不受任何方式的支持。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>26.在 HTML 音频/视频 DOM 中,_____设置或返回音频/视频播放的默认速度?</strong></span></p>
<p class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案: <span style="background-color: rgba(255, 255, 0, 1)">defaultPlaybackRate</span>。</strong></span></p>
<p class="wpProQuiz_questionListItem" data-pos="0"> </p>
<p class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>27.哪个元素表示预格式化文本 ?</strong></span></p>
<p class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)"><pre></span>。</strong></span></p>
<p class="wpProQuiz_questionListItem" data-pos="0"> </p>
<p class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>28.HTML5 向后兼容旧浏览器吗 ?</strong></span></p>
<p class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)">正确</span>。</strong></span></p>
<p class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>HTML5 被设计成尽可能向后兼容现有的 web 浏览器。</strong></span></p>
<p class="wpProQuiz_questionListItem" data-pos="0"> </p>
<p class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>29.关于 HTML5 中的自定义属性(data-*),下列哪个选项是正确的 ?</strong></span></p>
<p class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)"><label>自定义数据属性以 data 开始,并将根据您的需求进行命名;</label></span><label><span style="background-color: rgba(255, 255, 0, 1)"> 您可以使用 JavaScript 获得这些属性的值</span>。</label></strong></span></p>
<p class="wpProQuiz_questionListItem" data-pos="0"> </p>
<p class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>30.以下哪个标签用于表示 HTML5 中不同类型输出的结果 ?</strong></span></p>
<p class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)">output</span>。</strong></span></p>
<p class="wpProQuiz_questionListItem" data-pos="0"> </p>
<p class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>31.websocket 的 socket.readystate 属性的哪个值表示连接已建立并且可以进行通信?</strong></span></p>
<p class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)">1</span>.</strong></span></p>
<p class="wpProQuiz_questionListItem" data-pos="0"> </p>
<p class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>32.关于 HTML5 中的地理定位 api,下列哪个选项是正确的?</strong></span></p>
<ul class="wpProQuiz_questionList" data-question_id="335" data-type="single">
<li class="wpProQuiz_questionListItem" data-pos="0"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> HTML5 地理定位 API 允许您与您喜爱的 web 站点共享您的位置</label></strong></span></li>
<li class="wpProQuiz_questionListItem" data-pos="1"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> 一个 javascript 可以捕获你的纬度和经度,并可以发送到后端 Web 服务器,做一些奇特的位置感知的事情,比如找到本地企业或在地图上显示你的位置</label></strong></span></li>
<li class="wpProQuiz_questionListItem" data-pos="2"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> 如今,大多数浏览器和移动设备都支持地理定位 API</label></strong></span></li>
<li class="wpProQuiz_questionListItem wpProQuiz_answerCorrect" data-pos="3"><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong><label> 以上都是</label></strong></span></li>
</ul>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)">以上都是</span>。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>33.哪个属性触发中止事件?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)">onabort</span>。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>34.以下哪个属性在触发消息时触发事件?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)">onmessage。</span></strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>35.HTML5 的正确 doctype 是?</strong></span></p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>答案:<span style="background-color: rgba(255, 255, 0, 1)"><!DOCTYPE html></span>。</strong></span></p>
<p> </p>
<p><span style="font-size: 16px; font-family: "Microsoft YaHei""><strong>参考:菜鸟教程。</strong></span></p><br><br>
来源:https://www.cnblogs.com/shihaiying/p/11829697.html
頁:
[1]