Html5常见面试题总结


Html5常见面试题总结
阅读本文约需要9分钟

大家好,我是小蔡,上次跟大家分享了css面试题的知识,今天跟大家分享下Html5常见面试题总结的知识。

1、SGML、HTML、XML和XHTML之间的关系?

2、什么是HTML 5?

3、哪些浏览器支持HTML 5?

4、HTML 5的页面结构和HTML 4或早先的HTML有什么不同?

header>表现HTML的标题数据footer>页面的页脚部分nav>页面中的导航元素article>正文内容section>用在正文中定义section或区段内容aside>表现页面侧边栏内容

5、HTML 5中的DataList是什么?

input list="Country">datalist id="Country">option value="India">option value="Italy">option value="Iran">option value="Israel">option value="Indonesia">datalist>

6、HTML 5中不同的新表单元素类型是什么?

ColorDateDatetime-localEmailTimeUrlRangeTelephoneNumberSearch
input type="color" name="favcolor">
input type="date" name="bday">
input type="email" name="email">
input type="range" min="0" max="10" step="2" value="6">

7、HTML 5中的输出元素是什么?

form onsubmit="return false"  öninput="o.value = parseInt(a.value) + parseInt(b.value)">input name="a" type="number"> +input name="b" type="number"> =output name="o" />form>
output name="o" for="a b">output>

8、SVG是什么?

9、能否使用HTML 5举个简单的SVG例子?

svg id="svgelem" height="[object SVGAnimatedLength]" xmlns="http://www.w3.org/2000/svg">line style="stroke: rgb(255, 0, 0); stroke-width: 2px;" y2="[object SVGAnimatedLength]" x2="[object SVGAnimatedLength]" y1="[object SVGAnimatedLength]" x1="[object SVGAnimatedLength]">line>

10、HTML 5中的Canvas画布是什么?

var c=document.getElementById("mycanvas"); var ctx=c.getContext("2d");
a name="WhatisthedifferencebetweenCanvasandSVGgraphics">What is the difference between Canvas and SVG graphics? a>

Html5常见面试题总结

11、web workers是什么,为什么我们需要web workers?

function  SomeHeavyFunction(){for (i = 0; i  10000000000000; i++){x = i + x;}}
input type="button" onclick="SomeHeavyFunction();" />

12、HTML 5中的本地存储概念?

var country = localStorage.getItem(“Key001”);
var country = {};country.name = “India”;country.code = “I001”;localStorage.setItem(“I001”, country);var country1 = localStorage.getItem(“I001”);
localStorage.setItem(“I001”,JSON.stringify(country));sessionStorage  localStorage

13、本地存储和cookies之间的区别是什么?

14、WebSQL是什么?

15、WebSQL是HTML 5规范的一部分吗?

16、那么如何使用WebSQL?

var db=openDatabase('dbCustomer','1.0','Customer app’, 2 * 1024 * 1024);
db.transaction(function (tx) {tx.executeSql('CREATE TABLE IF NOT EXISTS tblCust(id unique, customername)');tx.executeSql('INSERT INTO tblcust (id, customername) VALUES(1, "shiv")');tx.executeSql('INSERT INTO tblcust (id, customername) VALUES (2, "raju")');}
db.transaction(function (tx) {  tx.executeSql('SELECT * FROM tblcust', [], function (tx, results) {   for (i = 0; i  len; i++){     msg = "

 + results.rows.item(i).log + "";
     document.querySelector('#customer).innerHTML +=  msg;
}
 }, null);
});
Response.ContentType = "text/cache-manifest";
Response.Write("CACHE MANIFEST n");
Response.Write("# 2012-02-21 v1.0.0 n");
Response.Write("CACHE : n");
Response.Write("Login.aspx n");
Response.Flush();
Response.End();
html manifest="cache.aspx">

17、应用程序缓存中的回退页面功能?

a name="WhatisfallbackinApplicati>FALLBACK:/home/ /homeoffline.html 

whatisfallbackinapplicati=“”>
a>

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

19、HTML5 中如何嵌入音频?

20、HTML5 中如何嵌入视频?

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

22、HTML5 Canvas 元素有什么用?

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

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

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

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

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

今天就分享这么多,关于Html5常见面试题总结,你学会了多少?如果觉得文章对你有一丢丢帮助,请点个赞~


Html5常见面试题总结

原创文章,作者:27149,如若转载,请注明出处:http://wpbbw.com/4076.html

发表评论

登录后才能评论