个重要的HTML面试题及答案.docx
《个重要的HTML面试题及答案.docx》由会员分享,可在线阅读,更多相关《个重要的HTML面试题及答案.docx(19页珍藏版)》请在咨信网上搜索。
1、40个重要的HTML5面试题及答案内容介绍SGML标准通用标记语言)和HTML超文本标记语言),XML (可扩展 标记语言)和HTML的之间有什么关系? 什么是HTML5? 为什么HTML5里面我们不需要DTD (Document Type Definition文档类型定 义)? 如果我不放入! DOCTYPE html标签,HTML5还会工作么? 哪些浏览器支持HTML5? HTML5的页面结构同HTML4或者更前的HTML有什么区别? HTML5中的datalist是什么? HTML5中哪些是不同的新的表单元素类型? HTML5中什么是输出元素? 什么是SVG (Scalable Vect
2、or Graphics可缩放矢量图形)? 我们能看到使用HTML5的SVG的简单例子么? HTML5 中 canvas 是什么? 我们如何使用Canvas来画一条简单的线? Canvas和SVG图形之间的区别是什么? 如何使用Canvas和HTML5中的SVG去画一个矩形? CSS (cascading style sheets级联样式表)中的选择器是什么? 如何使用ID值来应用一个CSS样式? CSS中使用列布局是什么? 你能解释一下CSS的盒子模型么? 你能解释一些CSS3中的文本效果么? 什么是Web Workers?为什么我们需要他们? Web Worker线程的限制是什么? 我们如何
3、在JavaScript中创立一*个worker线程? 如何中止Web Worker? 为什么我们需要HTML5的效劳发送事件? HTML5中的本地存储概念是什么? 我们如何从本地存储中添加和移除数据? 本地存储的生命周期是什么? 本地存储和cookies储存在用户本地终端上的数据)之间的区别是什么?Canvas和SVG图形的区别是什么?Note: -如果你看了之前的两个的问题,Canvas和SVG都可以在浏览器上绘制图形。 因此在这个问题中,面试官想知道你在什么时候选用哪种方式。SVGCanvas这个就好似绘制和记忆,换句话说任何使用SVG绘制的形状都能被记忆和操作,浏览器可以再次显示这个就好
4、似绘制和记忆,换句话说任何使用SVG绘制的形状都能被记忆和操作,浏览器可以再次显示这个就好似绘制和记忆,换句话说任何使用SVG绘制的形状都能被记忆和操作,浏览器可以再次显示Canvas就像绘制和忘记,一旦绘制完成你不能访问像素和操作它SVG对于创立图形例如C AD软件是良好的,一旦东西绘制,用户就想去操作它Canvas在绘制和忘却的场景例如动画和游戏是良好的因为为了之后的操作,需要记录坐标,所以比拟缓慢因为为了之后的操作,需要记录坐标,所以比拟缓慢因为为了之后的操作,需要记录坐标,所以比拟缓慢因为没有记住以后事情的意向,所以更快我们可以用绘制对象的相关事件处理我们不能使用绘制对象的相关事件处理
5、,因为我们没有他们的参考分辨率无关分辨率相关如何使用Canvas和HTML5中的SVG去画一个矩形?HTML5使用SVG绘制矩形的代码HTML5使用Canvas绘制矩形的代码var c二document. gctElenientByld (mycanvas);var ctx=c. getContext (2d);1 ctx. rect(20, 20, 150, 100);ctx. stroke ();CSS (cascading style sheets级联样式表)中的选择器是什么?选择器在你想应用一个样式的时候,帮助你去选择元素。举例,下面是简单的被命 名为 instro”的样式,他适用于H
6、TML元素显示红色背景. intro(background-color:red;1 应用上面的intro样式给div,我们可以使用class选择器,如下列图所示div class=intro1 My name is Shivprasad koirala. I write interview questions.如何使用ID值来应用一个CSS样式?假设,你有一个HTML段落标签,使用id是mytext”,就和下面的片段中显示的 那样p id=mytextThis is HTML interview questions. 你可以使用,#选择器和,id“的名字创立一种样式,并把CSS值应用到段落标签
7、中,因此应用样式到 mytext”元素,我们可以使用 #mytext ,如下所示1 Smytext(background-color:yellow;2 )迅速修订一些重要的选择器设置所有段落标签背景色为黄色1 div p(background-color:yellow;设置所有div内部的段落标签为黄色背景div p(background-color:yellow;1 设置所有div之后的段落标签为黄色背景div+p(1 background-color:yellow;设置所有含有target”属性的变为黄色背景atargetbackground-color:yellow;ASP. NET i
8、nterview questions。c# interview questions1 . NET interview questions witanswers当控制得至憔点的时候设置所有的元素为黄色背景input:focus1 background-color:yellow;)根据相关连接操作设置超链接样式1234a:linka:visited a:hover a:activecolor:green;) (color:green; color:red; (color:yellow;)CSS中使用列布局是什么?CSS列布局帮助你分割文本变为列,例如考虑下面的杂志新闻在一个大的文本中, 但是我们需
9、要在他们之间使用边界划分为3列,这里HTML5的列布局就有所帮助了Make no mistake about this Shah Rukh Khans hospitality is fantastic. W*hen the superstar incites you home for a dinner party: you will be spoiled silly because he insists on personally taking care of his guests. If you land up unannounced and the gates of Mannat stil
10、l open up for you: the food sendee mayMake no mistake about this Shah Rukh Khans hospitality is fantastic. W*hen the superstar incites you home for a dinner party: you will be spoiled silly because he insists on personally taking care of his guests. If you land up unannounced and the gates of Mannat
11、 still open up for you: the food sendee mayMake no mistake about this Shah Rukh Khans hospitality is fantastic. W*hen the superstar incites you home for a dinner party: you will be spoiled silly because he insists on personally taking care of his guests. If you land up unannounced and the gates of M
12、annat still open up for you: the food sendee maynot be that prompt, says SRK. According to him, the food order goes down to the kitchen based on the ground floor of his six- storey annex soon enough. How-ever: it takes a long time for the food trolley to come up to the floor on which he is entertain
13、ing. Many a time the guests have already left/ he laughs:adding, And then I hear the famihar sound of the trolley being wheeled in with all the food neatly laid out.* Moral of the story: when you go to Mannat without prior notice, please be patient. The host doesnt wish to send you home hungry- It i
14、s just that tlie wooden trolley has a lot of ground to cover.为了实现列布局我们需要指定以下内容 我们需要把lexl划分为多少列指定列数我们需要使用column-count,对于Chrome和firefox分别需要webkit和 “moz-column”-moz-column-count:3; /* Firefox */1 -webkit-co1umncount:3; /* Safari and Chrome */column-count:3;两列之间我们想要多少差距-moz-column-gap:40px: /* Firefox *
15、/1 -webkitco1umn-gap:40px; /* Safari and Chrome */column-gap:20px;-你想在这些列之间画一条线么?如果是,那么多厚呢?1 -moz-column-rule:4px outset #ffOOff: /* Firefox */-webkit-column-rule:4px outset #ffOOff; /* Safari and Chrome */column-rule:6px outset ttffOOff;以下是完整代码1 . magazine(-moz-column-count:3; /* Firefox */2 -webki
16、t-column-count:3; /* Safari and Chrome */column-count:3;7-moz-column-gap:40px; /* Firefox */3 -webkit-column-gap:40px; /* Safari and Chrome */column-gap:20px:11-moz-column-rule:4px outset #ffOOff; /* Firefox */-webkit-column-rule:4px outset ttffOOff; /* Safari and Chrome */column-rule:6px outset ttf
17、fOOff;4 你可以使用class属性来应用样式到文木div class=magazine”1 Your text goes here which you want to divide in to 3 columns.2 你能解释一下CSS的盒子模型么?CSS和模型是围绕在HTML元素周围的定义Border (边界),padding(内边距)和 margin (外边距)的矩形空间Border(边界):定义了元素包含的最大区域,我们能够使边界可见,不可见,定义 高度和宽度等;Padding(内边距):定义了边界和内部元素的间距例如以下是简单的CSS代码定义了盒子的边界,内边距和外边距值. bo
18、x (width: 200px;1 border: lOpx solid #99c;padding: 20px;margin: 50px;现在如果我们应用了以上的CSS到一个如下显示的DIV标签,你输出将会和下面图 形中显示的那样。我已经创立两个测试“Some text”和“Some other text, 因此我们能看到多少margin(外边距)的属性功能Some text1 Some other textMarginSome textPoddingrBorderSome other text你能解释一些CSS3中的文本效果么?这里面试官期待你答复两个Css的文本效果,以下是两种需要注意的效
19、果阴影文本效果.specialtext(1 text-shadow: 5px 5px 5px ttFFOOOO;Some text文字包装效果1234.breakword(word-wrap:break-word; This is a looooooooooooonaJ looooooooooooooong loooooooooooooong loooooooooooooong looooong word.什么是Web Workers?为什么我们需要他们? 考虑以下会执行上百万次的繁重的循环代码function SomelleavyFunction ()(1 x = i + x;比方说上面的循
20、环代码在HTML按钮点击以后执行,现在这个方法执行是同步的,换 句话说这个浏览器必须等到循环完成才能操作这个会进一步导致浏览器冻结并且没有相应,屏幕还会显示如下的异常信息Page(s) Unresponsive这个会进一步导致浏览器冻结并且没有相应,屏幕还会显示如下的异常信息Page(s) UnresponsivePage(s) UnresponsivePage(s) Unresponsive? D localhost: 1046/WebForml.aspxThe following page(s) have become unresponsive. You can wait for them
21、 to become responsive or kill them. I localhost: 1046AVebForml.aspx如果你能移动这些繁重的循环到Javascript文件中,采用异步的方式运行,这意味 着浏览器不需要等到循环接触,我们可以有更敏感的浏览器,这就是web worker 的作用Web worker帮助我们用异步执行Javascript文件Web Worker线程的限制是什么?Web worker线程不能修改HTML元素,全局变量和Window. Location 类的窗口属 性。你可以自由使用Javascript数据类型,XML Request调用等。我们如何在Ja
22、vaScript中创立一个worker线程?创立一个worker线程,我们需要通过Javascript文件名创立worker对象var worker = new Worker(MyHeavyProcess.js); 我们需要使用“PostMessage”发送信息给worker对象,下面是相同的代码。1 worker. postMessage 0;当worker线程发送数据的时候,我们在调用结束的时候,通过 onMessagez/事件 获取worker, onmessage = function (e)document. getElementByld(txtTO. value = e. data
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 重要 HTML 试题 答案
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【二***】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【二***】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。