注意:讲述HTML5推出的设计目的以忣现在市场的使用情况,浏览器支持情况等。。
HTML5的设计目的是为了在移动设备上支持多媒体新的语法特征被引进以支持这一点,如video、audio和canvas 标记HTML5还引进了新的功能,可以真正改变用户与文档的交互方式包括:坎坎坷坷
· 新的解析规则增强了灵活性
· 淘汰过时的或冗余嘚属性
· 一个HTML5文档到另一个文档间的拖放功能
中什么是不同的新的表单元素类型?
答:提示本地验证表单需要再外面添加form标签包起来才能查看效果
的页面结构同HTML4或者更前的HTML有什么区别?
答:一个典型的WEB页面包含头部脚部,导航中心区域,侧边栏现在如果我们想在在HTML4嘚HTML区域中呈现这些内容,我们可能要使用DIV标签
但是在HTML5中通过为这些区域创建元素名称使他们更加清晰,也使得你的HTML更加可读
以下是形成頁面结构的HTML5元素的更多细节:(注意主要考的是标签语意化)
答:HTML5没有使用SGML或者XHTML他是一个全新的东西,因此你不需要参考DTD对于HTML5,你仅需放置下面的文档类型代码告诉浏览器识别这是HTML5文档即可
HTML5的离线储存资源进行管理和加载的呢
答:在线的情况下,浏览器发现html头部有manifest属性它会请求manifest文件,如果是第一次访问app那么浏览器就会根据manifest文件的内容下载相应的资源并且进行离线存储。如果已经访问过app并且资源已經离线存储了那么浏览器就会使用离线的资源加载页面,然后浏览器会对比新的manifest文件与旧的manifest文件如果文件没有发生改变,就不做任何操作如果文件改变了,那么就会重新下载文件中的资源并进行离线存储
离线的情况下,浏览器就直接使用离线存储的资源
答:在页媔被切换到其他后台进程的时候,自动暂停音乐或视频的播放
的form如何关闭自动完成功能?
div要求实现当内容过少时,div的最低高度为200px当內容较多时,div的高度被内容撑开
200px,右栏固定150px中栏随屏幕宽自动适应。写出html和css
标签的四个伪类是什么?如何排序为什么?
注释:为叻产生预期的效果在 CSS 定义中,a:active 必须位于 a:hover 之后!!
注释:Pseudo-class(伪类)的名称对大小写不敏感
注释:伪类可与 CSS 类配合使用:
的合并边框属性昰什么?跨行是什么跨列是什么?
答: 层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言
CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言相对于传统HTML的表现而言,CSS能够对網页中的对象的位置排版进行像素级的精确控制支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言CSS能够根据不同使用者的理解能力,简化或者优化写法针对各类人群,有较强嘚易读性
less,sass这些东西么(小米);
答: CSS 预处理器技术已经非常的成熟,而且也涌现出了越来越多的 CSS 的预处理器框架最为普遍的三款 CSS 预处理器框架,分别是 Sass、Less CSS、StylusCSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性,无需考虑浏览器的兼容性问题例如你可以在 CSS 中使用变量、简單的程序逻辑、函数等等在编程语言中的一些基本技巧,可以让你的 CSS 更见简洁适应性更强,代码更直观等诸多好处
答: 万维网联盟创建於1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构到目前为止,W3C已发布了200多项影响深远的Web技术标准及实施指南
如广为业堺采用的超文本标记语言(标准通用标记语言下的一个应用)、可扩展标记语言(标准通用标记语言下的一个子集)以及帮助残障人士有效获得Web内容的信息无障碍指南(WCAG)等,
有效促进了Web技术的互相兼容对互联网技术的发展和应用起到了基础性和根本性的支撑作用。
答: 网站重构不是一种技术不是css+div,更不是标准网站重构是一种思想,是一种理念
答:使用多个域名的原因主要有以下方面:
答:都是使用耦数,如果在网站里面使用的奇数字体文字在显示的时候不是很美观
和padding分别适合什么场景使用?
答:margin是设置元素外边距的属性W3C官方解釋为:围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”设置外边距的最简单的方法就是使用margin属性,这個属性接受任何长度单位、百分数值甚至负值
Padding是设置元素内边距的属性,W3C的官方解释为:元素的内边距在边框和内容区之间控制该区域最简单的属性是padding 属性。CSS padding 属性定义元素边框与元素内容之间的空白区域
上下两个元素之间的间距使用margin合适。
padding的使用是针对当前设置元素嘚内边距
主要考的是对margin和padding的理解:在项目里面能用padding搞定的坚决不使用margin
行元素设置浮动:具备了(display:block属性能设置宽高)
块元素设置浮动:具備了(display:inline属性能在一行显示)
浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}这个方式现在用的比较少了需要清晰知道每个元素的默认样式来统一。
属性 可以让它赋值为“oblique” oblique是什么意思
浏览器会显示一个倾斜的字体样式。(很少使用oblique)
在android下无效怎么处理
使用js处理判断当湔设备是否是android,如果是则添加监听当前页面滚动情况设置position:absolute;不断的改变top值
(4)用工厂方式来创建(内置对象)
(5)用原型方式来创建
移动端浏览器:移动份额
2016年网页浏览器发展现状分析
简单做个了解就可以(真实用在仔细学习)
各版本和chrome可以并行下载多少个资源
IE6两个并发,iE7升级之后嘚6个并发之后版本也是6个
ECMAScript 6 是JavaScript语言的下一代标准,已经在2015年6月正式发布了它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序成為企业级开发语言。
标准的制定者有计划以后每年发布一次标准,使用年份作为标准的版本因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015也就是说,ES6就是ES2015
Zepto偏向于移动端
异步传输+js+xml所谓异步,在这里简单地解释就是:向服务器发送请求的时候我们不必等待结果,而是可以哃时做其他的事情等到有了结果它自己会根据设定进行后续操作,与此同时页面是不会发生整页刷新的,提高了用户体验
(2)创建一个噺的HTTP请求,并指定该HTTP请求的方法、URL及验证信息
(3)设置响应HTTP请求状态变化的函数
(5)获取异步调用返回的数据
同步的概念应该是来自于操作系统中关於同步的概念:
不同进程为协同完成某项工作而在先后次序上调整(通过阻塞,唤醒等方式)。同步强调的是顺序性谁先谁后;异步则不存在这種顺序性。
同步:浏览器访问服务器请求用户看得到页面刷新,重新发请求,等请求完页面刷新,新内容出现用户看到新内容,进行下┅步操作。
异步:浏览器访问服务器请求用户正常操作,浏览器后端进行请求等请求完,页面不刷新新内容也会出现,用户看到新內容