最常见的HTML5面试题及答案有哪些

发布时间:2022-03-16 13:59:17 作者:iii
来源:亿速云 阅读:214

这篇文章主要介绍“最常见的HTML5面试题及答案有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“最常见的HTML5面试题及答案有哪些”文章能帮助大家解决问题。

  1、新的 HTML5 文档类型和字符集是?

  HTML5 文档类型很简单:

  <!doctype html>

  HTML5 使用 UTF-8 编码示例:

  <meta charset=”UTF-8&Prime;>

  2、HTML5 中如何嵌入音频?

  HTML5 支持 MP3、Wav 和 Ogg 格式的音频,下面是在网页中嵌入音频的简单示例:

  <audio controls>  <source src= type=”audio/mpeg”>  Your  browser does&rsquo;nt support audio embedding feature. </audio>

  3、HTML5 中如何嵌入视频?

  和音频类似,HTML5 支持 MP4、WebM 和 Ogg 格式的视频,下面是简单示例:

  <video   width=”450&Prime; height=”340&Prime; controls>  <source src=   type=”video/mp4&Prime;>  Your browser does&rsquo;nt support video embedding   feature. </video>

  4、除了 audio 和 video,HTML5 还有哪些媒体标签?

  HTML5 对于多媒体提供了强有力的支持,除了 audio 和 video 标签外,还支持以下标签:

  <embed> 标签定义嵌入的内容,比如插件。

  <embed type=”video/quicktime” src=>

  <source> 对于定义多个数据源很有用。

  <video   width=”450&Prime; height=”340&Prime; controls>  <source src=   type=”video/mp4&Prime;>  <source src= type=”video/ogg”>   </video>

  <track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。用于规定字幕文件或其他包含文本的文件,当媒介播放时,这些文件是可见的。

  <video   width=”450&Prime; height=”340&Prime; controls>  <source src=   type=”video/mp4&Prime;>  <source src= type=”video/ogg”>    <track kind=”subtitles” label=”English” src=   srclang=”en” default></track>  <track kind=”subtitles”   label=”Arabic” src= srclang=”ar”></track>   </video>

  5、HTML5 Canvas 元素有什么用?

  Canvas 元素用于在网页上绘制图形,HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。

  <canvas id=”canvas1&Prime; width=”300&Prime; height=”100&Prime;> </canvas>

  6、HTML5 存储类型有什么区别?

  HTML5 能够本地存储数据,在之前都是使用 cookies 使用的。HTML5 提供了下面两种本地存储方案:

  localStorage 用于持久化的本地存储,数据永远不会过期,关闭浏览器也不会丢失。

  sessionStorage 同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储

  7、HTML5 有哪些新增的表单元素?

  HTML5 新增了很多表单元素让开发者构建更优秀的 Web 应用程序。

  datalist

  datetime

  output

  keygen

  date

  month

  week

  time

  color

  number

  range

  email

  url

  8、HTML5 废弃了哪些 HTML4 标签?

  HTML5 废弃了一些过时的,不合理的 HTML 标签:

  frame

  frameset

  noframe

  applet

  big

  center

  basefront

  9、HTML5 标准提供了哪些新的 API?

  HTML5 提供的应用程序 API 主要有:

  Media API

  Text Track API

  Application Cache API

  User Interaction

  Data Transfer API

  Command API

  Constraint Validation API

  History API

  10、HTML5 应用程序缓存和浏览器缓存有什么区别?

  应用程序缓存是 HTML5 的重要特性之一,提供了离线使用的功能,让应用程序可以获取本地的网站内容,例如 HTML、CSS、图片以及 JavaScript。这个特性可以提高网站性能,它的实现借助于 manifest 文件,如下:

  <!doctype html> <html manifest=”example.appcache”> &hellip;&hellip; </html>

  与传统浏览器缓存相比,它不强制用户访问的网站内容被缓存。

关于“最常见的HTML5面试题及答案有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

推荐阅读:
  1. Fragment的常见面试题和答案
  2. Spring常见面试题和答案

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html5

上一篇:js如何按强类型风格写代码

下一篇:js如何避免==的使用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》