十道或者许你不熟练的前台HTML5的经典面试题

作者 : 开心源码 本文共1621个字,预计阅读时间需要5分钟 发布时间: 2022-05-11 共88人阅读

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就可。
?????????????(假如喜欢,能收藏一下 ?)

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 十道或者许你不熟练的前台HTML5的经典面试题

发表回复