HTML5前端面试题(含答案)
HTML5前端面试题（含答案）
1、新的 HTML5 文档类型和字符集是？
HTML5 文档类型很简单：
1
HTML5 使用 UTF-8 编码示例：
1
2、HTML5 中如何嵌入音频？
HTML5 支持 MP3、Wav 和 Ogg 格式的音频，下面是在网页中嵌入音频的简单示例：
1 2 3 4
Your browser does’nt support audio embedding feature.
3、HTML5 中如何嵌入视频？
和音频类似，HTML5 支持 MP4、WebM 和 Ogg 格式的视频，下面是简单示例： 1 2 3 4
Your browser does’nt support video embedding feature.
4、除了 audio 和 video ，HTML5 还有哪些媒体标签？ HTML5 对于多媒体提供了强有力的支持，除了 audio 和 video 标签外，还支持以下标签：
1
1 2 3 4
5、HTML5 Canvas 元素有什么用？
Canvas 元素用于在网页上绘制图形，该元素标签强大之处在于可以直接在 HTML 上进行图形操作，
1 2
?
不可思议的 HTML5 Canvas 应用试验 ?
18个基于 HTML5 Canvas 的图表库 ?
20个惊艳的 HTML5 Canvas 应用试验 ?
16款 HTML5 Canvas 开发的网页游戏 ? 推荐14款强大的HTML5素描及绘图工具
6、HTML5 存储类型有什么区别？
HTML5 能够本地存储数据，在之前都是使用 cookies 使用的。HTML5 提供了下面两种本地存储方案：
? localStorage 用于持久化的本地存储，数据永远不会过期，关闭浏览器也不会丢失。
?sessionStorage 同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储
7、HTML5 有哪些新增的表单元素？
HTML5 新增了很多表单元素让开发者构建更优秀的 Web 应用程序。
?datalist
?datetime
?output
?keygen
?date
?month
?week
?time
?color
?number
?range
?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 文件，如下：
1 2 3 4
…..
与传统浏览器缓存相比，它不强制用户访问的网站内容被缓存。
计划组织面试题
1、要对一个农作物的新品种进行推广，但是却没有多少农民来进行咨询和寻求帮助，你怎么做（2010年3月4日下午其他部门国家公务员面试真题） 【试题类型】计划组织类 【考查能力】沟通协调能力和计划组织能力 【解题要点】 1．深入调查，分析原因，制定相应计划； 2．沟通协调，保证计划顺利实施； 3．向领导汇报，并做好相应的宣传。 华图参考要点： 任何时候，人们对新事物的产生都有一个由不接受到接受的过程。新事物在推广阶段遇到困难是很正常的。关键是要不断的深入调查，有针对性的进行宣传推广，使之逐渐被接受。 对于农作物新品种的推广也是这样。我会通过集中调查和入户访谈的方式，深入田间地头，走入农户家里，了解农民的看法，然后对这些数据进行细致地分析，并据此制定更加有针对性地宣传和推广计划，明确推广计划的时间、地点、对象、预算、相关服务和产品等要素，报领导审批并修改。 在计划实施阶段，依照采取多种方式，争取各方面的支持的帮助，比如利用村委会组织动员村民，利用相关的媒体进行宣传，尤其要针对调查中有困惑的村民，对他们不理解的问题进行讲解，方便农民加深对这一新品种的了解。注意推广的方式方法，特别是保证活动中的秩序问题，防止意外的发生。 计划结束之后，统计农民采用新品种的比例，深入总结，并写出书面报告向领导汇报，最后我还会充分利用机关网络和媒体进行宣传。 2、某市城管执法部门实行“公众接待日”制度，有上级领导要来参加，你单位领导让你来组织，怎么做（2010年3月5日上午其他部门国家公务员面试真题） 参考答案： 实行公众接待日工作制度，是城管执法部门进一步转变作风、提高办事效率、全面加强机关效能建设的具体体现，也是实现其全心全意为人民服务的重要保证。因此我会认真组织好这次活动。 首先，我会向单位领导咨询这次“接待日”的目的及要求，向有经验的同事们请教，集思广益确定一份详细的计
Web前端开发笔试题集锦(已读)
Web前端开发笔试题集锦 HTML/CSS篇 1, 判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test("a1a__a1a__a1a__a1a__"); 2，截取字符串abcdefg的efg var str = "abcdefg"; if (/efg/.test(str)) { var efg = str.substr(str.indexOf("efg"), 3); alert(efg); } 3，判断一个字符串中出现次数最多的字符，统计这个次数 //将字符串的字符保存在一个hash table中，key是字符，value是这个字符出现的次数 var str = "abcdefgaddda"; var obj = {}; for (var i = 0, l = str.length; i < l; i++) { var key = str[i]; if (!obj[key]) { obj[key] = 1; } else { obj[key]++; } } /*遍历这个hash table，获取value最大的key和value*/ var max = -1; var max_key = ""; var key; for (key in obj) { if (max < obj[key]) { max = obj[key]; max_key = key; } } alert("max:"+max+" max_key:"+max_key); 4，IE与FF脚本兼容性问题 (1) window.event： 表示当前的事件对象，IE有这个对象，FF没有，FF通过给事件处理函数传递事件对象 (2) 获取事件源
前端面试题大全(html篇)
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言。最主要的不同： (1)XHTML元素必须被正确地嵌套 (2)XHTML元素必须被关闭 (3)XHTML标签名必须用小写字母 (4)XHTML文档必须拥有根元素 2.什么是语义化的HTML html5的语义化是指用正确的标签包含正确的容，比如nav标签就应该包含导航条容 (1)直观的认识标签对于搜索引擎的抓取有好处，用正确的标签做正确的事情！ (2)html语义化就是让页面的容结构化，便于对浏览器、搜索引擎解析 (3)在没有CCS样式情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下和各个关键字的权重，利于SEO。 (4)使阅读源代码的人更容易将分块，便于阅读维护理解。 写一段语义的html代码(HTML5中新增加的很多标签如：
前端工程师面试题题及答案(全面综合)
1. 要动态改变层中内容可以使用的方法有（AB ） a)innerHTML b)innerText c)通过设置层的隐藏和显示来实现 d)通过设置层的样式属性的display属性 2. 在javascript里，下列选项中不属于数组方法的是（B）； a)sort() b)length() c)concat() d)reverse() 3 、var emp = new Array(3); for(var i in emp) 以下答案中能与for循环代码互换的是: （选择一项）。(D ) A for(var i =0; i c)getElementsByName() d)bgColor() 6. 、display属性值的常用取值不包括(C ) a)inline b)block c)hidden d)none 7. 以下有关pixelTop属性与top属性的说法正确的是。(D ) a)都是Location对象的属性 b)使用时返回值都是字符串 c)都是返回以像素为单位的数值 d)以上都不对 8. 使用open方法打开具有浏览器工具条,地址栏,菜单栏的窗 口，下列选项正确的是__D__ a)open("x.html","HI","toolbas=1,scrollbars=1,status=1"); b)open("HI","scrollbars=1,location=1,status=1"); c)open("x.html","status=yes,menubar=1,location=1"); d)open("x.html","HI","toolbas=yes,menubar=1,location=1"); 9. 、javascript中表达式parseInt(“X8X8”)+paseFloat(‘8’)的结果是什么?( C) a)8+8 b)88 c)16 d)“8”+’8 10. 关于setTimeout(“check”,10)中说法正确的是( D) 计划组织类面试题答案 不断提高组织工作满意度，是新形势下组织工作的一项重要任务。以下是小编为你整 理的计划组织类面试题答案，希望能帮到你。 1、要对一个农作物的新品种进行推广，但是却没有多少农民来进行咨询和寻求帮助，你怎么做? 【试题类型】计划组织类 【考查能力】沟通协调能力和计划组织能力 【解题要点】 1.深入调查，分析原因，制定相应计划; 2.沟通协调，保证计划顺利实施; 3.向领导汇报，并做好相应的宣传。 参考要点： 任何时候，人们对新事物的产生都有一个由不接受到接受的过程。新事物在推广阶段 遇到困难是很正常的。关键是要不断的深入调查，有针对性的进行宣传推广，使之逐渐被 接受。 对于农作物新品种的推广也是这样。我会通过集中调查和入户访谈的方式，深入田间 地头，走入农户家里，了解农民的看法，然后对这些数据进行细致地分析，并据此制定更 加有针对性地宣传和推广计划，明确推广计划的时间、地点、对象、预算、相关服务和产 品等要素，报领导审批并修改。 在计划实施阶段，依照采取多种方式，争取各方面的支持的帮助，比如利用村委会组 织动员村民，利用相关的媒体进行宣传，尤其要针对调查中有困惑的村民，对他们不理解的问题进行讲解，方便农民加深对这一新品种的了解。注意推广的方式方法，特别是保证 活动中的秩序问题，防止意外的发生。 计划结束之后，统计农民采用新品种的比例，深入总结，并写出书面报告向领导汇报，最后我还会充分利用机关网络和媒体进行宣传。 2、某市城管执法部门实行“公众接待日”制度，有上级领导要来参加，你单位领导让 你来组织，怎么做? 参考答案： 实行公众接待日工作制度，是城管执法部门进一步转变作风、提高办事效率、全面加强机关效能建设的具体体现，也是实现其全心全意为人民服务的重要保证。因此我会认真组织好这次活动。 首先，我会向单位领导咨询这次“接待日”的目的及要求，向有经验的同事们请教，集 思广益确定一份详细的计划，包括活动的主题、时间、地点、所参加的部门和人员，接待时所要准备的材料等。计划完成后报领导审批，同时在单位和社会上做好宣传工作。 其次，领导审批后，立即按照计划分工合作，通知好参加活动的上级领导及群众。活动开始后，接待好每一位群众，针对他们所反映的问题，及时记录并尽快予以解决。对于活动中出现与计划有变的情况，积极向领导汇报，并灵活处理好突发事件。 最后，活动结束时，认真总结，肯定成绩、找出差距，写好工作总结，报送领导，以 利不断提高自己的工作能力，今后能更好地做好这方面的工作。同时，要进行“公众接待日”的宣传报道工作，这是一次很好的机会，我们不能流于形式，而应当形成相应的制度。 3、有些城市流动人口特别多，没有当地户籍，引发很多酗酒、抢劫等犯罪事件，领 导让你组织关于这个事件的调查，你怎么开展? 答题要点： 前端开发的面试题 web前端面试题 以下是收集一些面试中经常会遇到的经典面试题以及自己面试过程中无法解决的问题，通过对知识的整理以及经验的总结，重新巩固自身的前端基础知识。 1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面 内容、提供打印版本而不需要复制内容、提高网站易用性; 2.xhtml和html有什么区别 HTML是一种基本的WEB语言，XHTML是一个基于XML的置标语言 最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。 XHTML 文档必须拥有根元素。 3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 用于声明文档使用那种规范(html/Xhtml)一般为严格过度基于框架的html文档 加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug 4.行内元素有哪些?块级元素有哪些?CSS的盒模型? 块级元素：div p h1 h2 h3 h4 form ul 行内元素: a b br i span input select Css盒模型:内容，border ,margin，padding 5.CSS引入的方式有哪些? link和@import的区别是? 内联内嵌外链导入 区别：同时加载 前者无兼容性，后者CSS2.1以下浏览器不支持 Link 支持使用script改变样式，后者不可 6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高? 标签选择符类选择符 id选择符 继承不如指定 Id>class>标签选择 后者优先级高 7.前端页面有哪三层构成，分别是什么?作用是什么? 结构层 Html 表示层 CSS 行为层 js 8.css的基本语句构成是? 选择器{属性1:值1;属性2:值2;……} 9.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? Ie(Ie内核) 火狐(Gecko) 谷歌(webkit) opear(Presto) 10.写出几种IE6 BUG的解决方法 1.双边距BUG float引起的使用display 2.3像素问题使用float引起的使用dislpay:inline -3px 3.超链接hover 点击后失效使用正确的书写顺序 link visited hover active 4.Ie z-index问题给父级添加position:relative 5.Png 透明使用js代码改 6.Min-height 最小高度 !Important 解决’ 7.select 在ie6下遮盖使用iframe嵌套 前端面试题总结HTML CSS部分 时间：2014-02-2521:22:16来源：作者： 1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js 脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性; 2.xhtml和html有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言 最主要的不同： XHTML元素必须被正确地嵌套。 XHTML元素必须被关闭。 标签名必须用小写字母。 XHTML文档必须拥有根元素。 3.Doctype?严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 用于声明文档使用那种规范(html/Xhtml)一般为严格过度基于框架的html文档 加入XMl声明可触发，解析方式更改为IE5.5拥有IE5.5的bug 4.行内元素有哪些?块级元素有哪些?CSS的盒模型? 块级元素：div p h1h2h3h4form ul 行内元素:a b br i span input select Css盒模型:内容，border,margin，padding 5.CSS引入的方式有哪些?link和@import的区别是? 内联内嵌外链导入 区别：同时加载 前者无兼容性，后者CSS2.1以下浏览器不支持 Link支持使用javascript改变样式，后者不可 6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高? 1. 要动态改变层中内容可以使用的方法有( AB ) a) i nn erHTML b) i nn erText c) 通过设置层的隐藏和显示来实现 d) 通过设置层的样式属性的 display 属性 2. 当按键盘 A 时，使用onKeyDown 事件打印event.keyCode 的结果是(A ) a) 65 b) 13 c) 97 d) 37 3.在javascript 里，下列选项中不属于数组方法的是( B )； a) sort() b) l e ngth() c)con cat() d) r everse( ) 4.下列哪一个选项可以用来检索被选定的选项的索引号 ?(B) a)disabled b) selectedl ndex c) opti on d) multiple 5.希望图片具有”提交”按钮同样的功能，该如何编写表单提交？(A ) 6. 使div 层和文本框处在冋一行的代码正确的是 (D ); a) b) c) d) 7. 下列选项中，描述正确的是(选择两项)。(AD ) a)options.add(new Option(,a?,'A?))可以动态添加一个下拉列表选项 b)option.add(new Option(,a?,'A?))可以动态添加一个下拉列表选项 c) n ew Optio n(,a?,'A?)中？a 表示列表选项的值,?A 用于在页面中显示 d) n ew Option(,a?,'A?)中?A 表示列表选项的值,?a 用于在页面中显示 8. 、 var emp = new Array(3); for(var i in emp) 以下答案中能与for 循环代码互换的是：(选择一项)。(D ) A for(var i =0; i 组织管理类面试题答题技巧： 第一步：计划阶段(事前准备阶段)这一阶段要解决以下几个问题： 1.人：有哪些人参加;需要动员哪些人;如果是比赛的话，还需要聘请评委等。 2.物：需要准备哪些物资。 3.财：根据活动的规模等，预算一下需要多少资金。 4.地：根据参与人员等信息确定活动的地点。 5.时：确定活动时间，要注意选择的时间应方便参与人员参与活动。 6.媒体：一些影响比较大的活动，还可以考虑邀请校台或者是校报的相关人员进行报道。 7.活动主题：这是很多考生容易忽略的，如果组织的这次活动并没有一个明确的主题，那考生在答题的时候就要注意要找领导商议确定好主题。如“让你组织一次全校学生的唱歌比赛，怎么组织”，对于这次活动，题目当中并没有给出明确的主题，那么这次唱歌比赛的主题到底是革命歌曲、校园歌曲还是流行歌曲呢?在主题并不明确的情况下就应该找领导确定好。 8.方案：当一切都计划好之后，就应该形成一个文字方案，交给领导审批。 第二步：实施阶段(事中阶段)这一阶段主要是按照形成的方案来执行。 如果是比赛的话，就包括比赛前场地的布置、比赛时的全程参与和比赛后的颁奖等。在这一阶段，为了保证各项工作的顺利展开，考生可以根据活动需要，将所有人员进行分组。如可以分成后勤组，负责场地的布置与清理;摄影组，负责拍摄一些生动精彩的活动瞬间;如 果是比赛的话，还有评委组，负责打分;如果是户外活动，还可以设置医疗组，负责一些日常和急救的药品等;任何一次活动都可以设置一个应急组，主要是负责处理和协调一些突发事件等。关于如何分组，考生可以根据各个活动的特点和需要，自己来进行划分。 第三步：总结阶段(事后阶段)这一阶段的主要工作就是撰写工作总结和将活动成果扩大推广和宣传。 任何一次活动结束，考生应记得要撰写工作总结，总结出这次活动的优点和需要改进的地方，为以后组织类似的活动提供借鉴。另外，对于活动的成果可以进一步的进行宣传。如摄影组拍摄的优秀作品，可以贴到学校的宣传窗，或是上传到校网站上，拍摄的优秀视频作品可以做出光盘等。 以上是回答组织管理题的基本思路，考生在回答这类问题的时候一定要做到思路清晰，有条理的把这几个步骤回答出来。如果想答得更出彩，就需要在细节的地方花点心思了。如在组织学生春游等户外活动的时候，除了请有经验的教师担任带队老师，还可以选拔一些有能力的学生干部担任各队的副队长，来协助带队老师，这样也充分发挥了学生的作用。所以，考生在作答的时候，除了传统的思路，还可以着重体现自身的创新性，这样才能脱颖而出。 一、CSS (1) 二、HTML (3) 三、jquery (3) 四、综合 (4) 一、C SS 1.CSS样式表根据所在网页的位置，可分为?(B ) A．行内样式表、内嵌样式表、混合样式表 B．行内样式表、内嵌样式表、外部样式表 C．外部样式表、内嵌样式表、导入样式表 D．外部样式表、混合样式表、导入样式表 2.对于标签，其中*代表（C ） A. 注释的时候才用上 B. 没有这个标签 C. 通配符，意思是所有的标签 3.在CSS中下面哪种方法表示超链接文字在鼠标经过时，超链接文字无下划线?(B ) A. A:link{TEXT-DECORATION: underline } B. A:hover {TEXT-DECORATION: none} C. A:active {TEXT-DECORATION: blink } D. A:visited {TEXT-DECORATION: overline } 4.下面代码片段，说法正确的是:(B ) .DIV1 { position:absolute; line-height:22px; height:58px; background-color: #FF0000; } A. Line-height:22px;修饰文本字体大小 B. position:absolute;表示绝对定位，被定位的元素位置固定 C. height:58px; 表示被修饰的元素距离别的元素的距离 D. background-color: #FF0000; 表示被修饰的元素的背景图像 5.用CSS设置DIV的左边为红色实线，下面设置正确的是(C ) A．style=”border-top: #ff0000 1 solid;” 1)display:inline兼容所有的浏览器。请判断这句话的正确与否。 T F 2)从四个选项选出不同的一个。 a.计划组织类面试题答案
前端开发的面试题
前端面试题总结HTML CSS部分
web前端研发工程师笔试题选择题带答案
组织管理类面试题答题技巧
Web前端开发工程师面试题
前端面试题第二套