1, 对 web 标准以及 W3C 的理解和认识
标签闭合, 标签小写, 不乱嵌套, 使用外链 CSS 和 JS 脚本, 文件下载和页面加载速度更快, 容易维护和修改, 提高了网站易用性
2,xhtml 和 HTML 的区别
XHTML: 可扩展超文本标记语言, XHTML 元素必须被正确地嵌套, XHTML 元素必须被关闭. 标签名必须用小写字母. XHTML 文档中元素必须被嵌套于 根元素中.
HTML: 超文本标记语言, 在 HTML 中允许一些不规范的写法, HTML 对于各大浏览器兼容性较差, 现在 Web 前端开发的静态网页, 一般都是 html4.0,HTML5 就另当别论了.
3,HTML5 的新特性
标签语义化
<header></header>,<footer></footer>
等等
增加多个表单输入类型, 表单元素, 表单属性
Canvas 绘图, Canvas 通过 JavaScript 来绘制 2D 图形.
SVG 绘图, SVG 是指可伸缩的矢量图形, SVG 是一种使用 xml 描述 2D 图形的语言.
地理定位, Geolocation 用于定位用户的位置
拖放 API, 任何元素都能够拖放 drag
Web Worker,Web worker 是运行在后台的 JavaScript, 独立于其他脚本, 不会影响页面的性能
Web Storage, 本地存储用户的浏览数据
WebSocket, 一种在单个 TCP 连接上进行全双工通讯的协议, 浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求, 连接建立以后, 客户端和服务器端就可以通过 TCP 连接直接交换数据, 当你获取 Web Socket 连接后, 你可以通过 send() 方法来向服务器发送数据, 并通过 onmessage 事件来接收服务器返回的数据.
4, 介绍 cookie
Cookie 一词用在程序设计中是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存, 或是从客户端的硬盘读取数据的一种技术. 从本质上讲, 它可以看作是你的身份证, 硬盘中的 Cookies 属于文本文件, 不是程序.
cookie 常用于识别用户. cookie 是一种服务器留在用户计算机上的小文件. 每当同一台计算机通过浏览器请求页面时, 这台计算机将会发送 cookie. 通过 PHP, 您能够创建并取回 cookie 的值.
5, 说一下都有哪些本地存储方式, 区别是什么?
特性 | cookie | sessionStorage | localStorage |
---|---|---|---|
生命周期 | 可设置失效时间,没有设置的话,默认是关闭浏览器后失效 | 除非被手动清除,否则将会永久保存 | 仅在当前网页会话下有效,关闭页面或浏览器后就会被清除 |
存放数据大小 | 不能超过 4KB 左右 | 可以保存 5MB 的信息甚至更大 | 可以保存 5MB 的信息甚至更大 |
http 请求 | 每次都会携带在 HTTP 头中,如果使用 cookie 保存过多数据会带来性能问题 | 仅在客户端(即浏览器)中保存,不参与和服务器的通信 | 仅在客户端(即浏览器)中保存,不参与和服务器的通信 |
6, 严格模式和混杂模式的区分, 以及如何触发和区分这 2 种模式?
严格模式: 又称标准模式就是浏览器根据 Web 标准去解析页面, 是一种要求严格的 DTD, 不允许使用任何表现层的语法.
混杂模式: 又称怪异模式或兼容模式, 是指浏览器用自己的方式解析代码.
如何触发: 触发标准模式或者说严格模式很简单, 就是 HTML 前申明正确的 DTD, 出发混杂模式可以在 HTML 文档开始不声明 DTD, 或者在 DOCTYPE 前加入 xml 声明.
如何区分: 浏览器解析时到底使用严格模式还是混杂模式, 与网页中的 DTD 直接相关.
1, 如果文档包含严格的 DOCTYPE , 那么它一般以严格模式呈现.(严格 DTD -- 严格模式)
2, 包含过渡 DTD 和 URI 的 DOCTYPE , 也以严格模式呈现, 但有过渡 DTD 而没有 URI (统一资源标识符, 就是声明最后的地址) 会导致页面以混杂模式呈现.(有 URI 的过渡 DTD -- 严格模式; 没有 URI 的过渡 DTD -- 混杂模式)
3,DOCTYPE 不存在或形式不正确会导致文档以混杂模式呈现.(DTD 不存在或者格式不正确 -- 混杂模式)
4,HTML5 没有 DTD , 因此也就没有严格模式与混杂模式的区别, HTML5 有相对宽松的语法, 实现时, 已经尽可能大的实现了向后兼容.( HTML5 没有严格和混杂之分)
7, 常见的浏览器内核有哪些, 介绍一下你对浏览器内核的理解
Trident 内核: IE
Gecko 内核: NETSCAPE6 及以上版本, 火狐
Presto 内核: Opera7 及以上.[Opera 内核原为: Presto, 现为: Blink;]
Webkit 内核: Safari,Chrome 等.[Chrome 的: Blink(WebKit 的分支)]
浏览器内核又可以分成两部分: 渲染引擎和 JS 引擎. 渲染引擎主要负责取得网页的内容, 整理讯息, 计算网页的显示方式等, JS 引擎则是解析 JavaScript 语言, 执行 JavaScript 语言来实现网页的动态效果.
8,HTML5 的声明
HTML5 不基于 SGML, 因此不需要对 DTD 进行引用, 但是需要 doctype 来规范浏览器的行为
所以 HTML5 只需要写 <!DOCTYPE>
9, 前端页面有哪三层构成, 分别是什么, 作用是什么?
结构层: HTML 表示层: CSS 行为层: JS
来源: http://www.bubuko.com/infodetail-3133517.html