5. 介绍一下你对浏览器内核的理解?
答:“内核”只是一个通俗的说法,其英文名称为“Layout engine”,翻译过来就是“排版引擎”,也被称为“页面渲染引擎”(下文中各种说法通用)。它负责取得网页的内容(HTML、XML、图像等等)、整理信息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要排版引擎。
6. 常见的浏览器内核有哪些?
答:四大引擎内核:Trident,Gecko,Presto,Webkit。使用Trident内核的浏览器:IE、Maxthon、TT、The World,360的兼容模式和IE模式等;使用Gecko内核的浏览器:Netcape6及以上版本、FireFox、MozillaSuite/SeaMonkey;使用Presto内核的浏览器:Opera7及以上版本;使用Webkit内核的浏览器:Safari、Chrome。360的极速模式等
7. HTML5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?
答:HTML5已形成了最终的标准,概括来讲,它主要是关于图像,位置,存储,多任务等功能的增加。新增的元素有绘画 canvas ,用于媒介回放的 video 和 audio 元素,本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失,而sessionStorage的数据在浏览器关闭后自动删除。
此外,还新增了以下的几大类元素。内容元素,article、footer、header、nav、section。表单控件,calendar、date、time、email、url、search。控件元素,webworker, websockt, Geolocation。
移出的元素有下列这些:显现层元素:basefont,big,center,font, s,strike,tt,u。性能较差元素:frame,frameset,noframes。
兼容性处理:IE8/IE7/IE6支持通过document.方法产生的标签,利用这一特性让这些浏览器支持HTML5新标签。使用是html5shim框架等。
区分:DOCTYPE声明的方式是区分HTML和HTML5标志的一个重要因素,此外,还可以根据新增的结构、功能元素来加以区分。
8. 简述一下你对HTML语义化的理解?其意义?
答:使用正确的标签做正确的事情!细分析来说html语义化就是让页面的内容结构化,结构化的好处则便于对浏览器、搜索引擎解析。
语义化后在没有样式CCS情况下也是以一种文档格式显示,并且也是容易阅读的。利于 SEO,搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,语义化后,权重的特征明显加深。使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。
9. HTML5的本地存储的优点?基本使用?
答:Storage则在本地存储,在客户端页面之间进行传递,另外,相比于cookie,它还有下列优势:它存储空间更大,每一个客户端可以拥有5M的空间进行存储;有更多更丰富的易用接口,存储和读取都非常方便;它们都有各自独立的存储空间进行数据的存读,API操作也非常方便。
localStorage.setItem("key","value")
localStorage.getItem("key","value")
localStorage.removeItem("key")
localStorage.clear()
10. HTML5的离线储存怎么使用,其工作原理?
答:需要在你的页面html元素中使用manifest属性指向缓存名单文件。
<html manifest="/cache.manifest">...</html>
离线网络应用程序就是一个URL的列表——HTML,CSS,JavaScript,图片,或者其他类型的资源。离线网络应用程序的注意指向一个叫做名单文件并用于定位网络服务器上任何文本文件的列表。用于执行HTML5离线以用程序的网络浏览器将从名单文件中读取URL列表,下载这些资源,将他们在本地缓存,并自动在这些本地副本改变时保持他们更新。当你尝试在没有网络连接时访问网络应用程序,你的网络浏览器将自动切换并使用本地代替。
网友评论