你可能不熟练的十个前端HTML5经典面试题


Posted in HTML / CSS onJuly 03, 2018

前言

从前几年开始,HTML5流行风盛行,HTML5开发工程师在人才市场中变得非常吃香。作为从事HTML5开发者来说,面试是必不可少的,本文给大家总结介绍了十道大家可能并不熟练的前端HTML5经典面试题,希望对大家的面试能带来一定的帮助,下面话不多说了,来一起看看详细的介绍吧。

1.什么是HTML5?

答:HTML5是最新的HTML标准。

注意:讲述HTML5推出的设计目的,以及现在市场的使用情况,浏览器支持情况等。。。。
设计目的

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video、audio和canvas 标记。HTML5还引进了新的功能,可以真正改变用户与文档的交互方式,包括:

 · 新的解析规则增强了灵活性

 · 新属性

 · 淘汰过时的或冗余的属性

 · 一个HTML5文档到另一个文档间的拖放功能

2.HTML5中什么是不同的新的表单元素类型?

答:提示本地验证表单需要再外面添加form标签包起来,才能查看效果

  •  color
  •  date
  •  datetime-local
  •  email
  •  time
  •  url
  •  range
  •  telephone
  •  number
  •  search

3.HTML5的页面结构同HTML4或者更前的HTML有什么区别?

答:一个典型的WEB页面包含头部,脚部,导航,中心区域,侧边栏。现在如果我们想在在HTML4的HTML区域中呈现这些内容,我们可能要使用DIV标签。

但是在HTML5中通过为这些区域创建元素名称使他们更加清晰,也使得你的HTML更加可读

以下是形成页面结构的HTML5元素的更多细节:(注意主要考的是标签语意化)

  •  <header>:代表HTML的头部数据
  •  <footer>:页面的脚部区域
  •  <nav>:页面导航元素
  •  <article>:自包含的内容
  •  <section>:使用内部article去定义区域或者把分组内容放到区域里
  •  <aside>:代表页面的侧边栏内容

4.哪些浏览器支持HTML5?

答:几乎所有的高版本浏览器Safari,Chrome,Firefox,Opera,IE8以上都支持HTML5

5.为什么HTML5里面我们不需要DTD(Document Type Definition文档类型定义)?

答:HTML5没有使用SGML或者XHTML,他是一个全新的东西,因此你不需要参考DTD,对于HTML5,你仅需放置下面的文档类型代码告诉浏览器识别这是HTML5文档即可

6.HTML5的离线储存?

答:localStorage 长期存储数据,浏览器关闭后数据不丢失;

sessionStorage 数据在浏览器关闭后自动删除。

7.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢?

答:

(1) 在线的情况下,浏览器发现html头部有manifest属性,它会请求manifest文件,如果是第一次访问app,那么浏览器就会根据 manifest文件的内容下载相应的资源并且进行离线存储。如果已经访问过app并且资源已经离线存储了,那么浏览器就会使用离线的资源加载页面,然后 浏览器会对比新的manifest文件与旧的manifest文件,如果文件没有发生改变,就不做任何操作,如果文件改变了,那么就会重新下载文件中的资 源并进行离线存储。

(2)离线的情况下,浏览器就直接使用离线存储的资源。

8.请描述一下 cookies,sessionStorage 和 localStorage 的区别?

(1)cookie在浏览器和服务器间来回传递, sessionStorage和localStorage不会。

(2)sessionStorage和localStorage的存储空间更大。

(3)sessionStorage和localStorage有更多丰富易用的接口。

(4)sessionStorage和localStorage各自独立的存储空间。

9.页面可见性(Page Visibility)API 可以有哪些用途?

答:在页面被切换到其他后台进程的时候,自动暂停音乐或视频的播放。

10.HTML5的form如何关闭自动完成功能?

答:给不想要提示的input是设置autocomplete=off即可。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

HTML / CSS 相关文章推荐
详解Css3新特性应用之过渡与动画
Jan 10 HTML / CSS
使用 css3 transform 属性来变换背景图的方法
May 07 HTML / CSS
使用CSS3的appearance属性改变任何元素的浏览器默认风格
Dec 24 HTML / CSS
详解css position 5种不同的值的用法
Jul 30 HTML / CSS
CSS3实现淘宝留白的方法
Jun 05 HTML / CSS
CSS3 filter(滤镜)实现网页灰色或者黑色模式的示例代码
Feb 24 HTML / CSS
html5 学习简单的拾色器
Sep 03 HTML / CSS
HTML5中的autofocus(自动聚焦)属性介绍
Apr 23 HTML / CSS
html5使用canvas画空心圆与实心圆
Dec 15 HTML / CSS
如何用H5实现一个触屏版的轮播器的实例
Jan 09 HTML / CSS
html+js 实现markdown编辑器效果
Oct 23 HTML / CSS
CSS子盒子水平和垂直居中的五种方法
Jul 23 HTML / CSS
canvas实现飞机打怪兽射击小游戏的示例代码
Jul 09 #HTML / CSS
canvas绘制表情包的示例代码
Jul 09 #HTML / CSS
html5 利用canvas手写签名并保存的实现方法
Jul 12 #HTML / CSS
详解Html5微信支付爬坑之路
Jul 24 #HTML / CSS
基于Html5实现的react拖拽排序组件示例
Aug 13 #HTML / CSS
基于HTML5的WebSocket的实例代码
Aug 15 #HTML / CSS
HTML5中canvas中的beginPath()和closePath()的重要性
Aug 24 #HTML / CSS
You might like
实现分十页分向前十页向后十页的处理
2006/10/09 PHP
php下检测字符串是否是utf8编码的代码
2008/06/28 PHP
PHP 多维数组排序实现代码
2009/08/05 PHP
php checkbox 取值详细说明
2010/08/19 PHP
Notice: Undefined index: page in E:\PHP\test.php on line 14
2010/11/02 PHP
解析php扩展php_curl.dll不加载的解决方法
2013/06/26 PHP
PHP的Laravel框架结合MySQL与Redis数据库的使用部署
2016/03/21 PHP
详解Laravel视图间共享数据与视图Composer
2016/08/04 PHP
PHP-FPM和Nginx的通信机制详解
2019/02/01 PHP
解决jquery .ajax 在IE下卡死问题的解决方法
2009/10/26 Javascript
Query中click(),bind(),live(),delegate()的区别
2013/11/19 Javascript
jQuery EasyUI datagrid实现本地分页的方法
2015/02/13 Javascript
javascript常用方法总结
2015/05/14 Javascript
jQuery动态背景图片效果实现方法
2015/07/03 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
2016/11/24 Javascript
微信小程序开发之toast等弹框提示使用教程
2017/06/08 Javascript
详解webpack3如何正确引用并使用jQuery库
2017/08/26 jQuery
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
2019/07/10 jQuery
Vue.js组件通信之自定义事件详解
2019/10/19 Javascript
Vue微信公众号网页分享的示例代码
2020/05/28 Javascript
[46:20]TFT vs Secret Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
python操作 hbase 数据的方法
2016/12/18 Python
理想高通滤波实现Python opencv示例
2019/01/30 Python
python并发编程多进程 互斥锁原理解析
2019/08/20 Python
python利用opencv实现颜色检测
2021/02/23 Python
Moda Italia荷兰:意大利男士服装
2019/08/31 全球购物
文秘专业应届生求职信范文
2013/11/14 职场文书
小学教师岗位职责
2013/11/25 职场文书
研修第一天随笔感言
2014/02/15 职场文书
新课培训心得体会
2014/09/03 职场文书
党员民主评议个人总结
2014/10/20 职场文书
律政俏佳人观后感
2015/06/09 职场文书
全家福照片寄语怎么写?
2019/04/02 职场文书
Python集合set()使用的方法详解
2022/03/18 Python
详解Mysq MVCC多版本的并发控制
2022/04/29 MySQL