干货!HTML面试题集合
HTML
- Doctype作用,HTML5 为什么只需要写
doctype是一种标准通用标记语言的文档类型声明,目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义(DTD)来解析文档.<!DOCTYPE>声明必须是HTML文档的第一行,位于html标签之前
HTML5不基于SGML,所以不需要引用DTD。在HTML5中<!DOCTYPE>只有一种SGML: 标准通用标记语言,是现时常用的超文本格式的最高层次标准
- 行内元素有哪些,块级元素有哪些,空(void)元素有那些
行内元素:a span i img input select b 等
块级元素:div ul ol li h1~h6 p table 等
空元素:br hr link 等
- 简述一下你对HTML语义化的理解
简单来说,就是合适的标签做合适的事情,这样具有以下好处:
有助于构架良好的HTML结构,有利于搜索引擎的建立索引、抓取,利于SEO
有利于不同设备的解析
有利于构建清晰的机构,有利于团队的开发、维护
4. 常见的浏览器内核有哪些,介绍一下你对浏览器内核的理解
Trident内核:IE Gecko内核:NETSCAPE6及以上版本,火狐
Presto内核:Opera7及以上。[Opera内核原为:Presto,现为:Blink;]
Webkit内核:Safari,Chrome等。[Chrome的:Blink(WebKit的分支)]
浏览器内核又可以分成两部分:渲染引擎和JS引擎。 渲染引擎主要负责取得网页的内容、整理讯息、计算网页的显示方式等,JS引擎则是解析Javascript语言,执行javascript语言来实现网页的动态效果。
- html5有哪些新特性
语义化标签: header footer nav section article aside 等
增强型表单:date(从一个日期选择器选择一个日期) email(包含 e-mail 地址的输入域) number(数值的输入域) range(一定范围内数字值的输入域) search(用于搜索域) tel(定义输入电话号码字段) 等
视频和音频:audio video
Canvas绘图 SVG绘图
地理定位:Geolocation
拖放API:drag
web worker:是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能
web storage: localStorage sessionStorage
WebSocket: HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议 - 描述一下 cookie,sessionStorage 和 localStorage 的区别.
- 如何实现浏览器内多个标签页之间的通信
使用localStorage: localStorage.setItem(key,value)、localStorage.getItem(key)
websocket协议
webworker - HTML5的离线存储怎么使用,解释一下工作原理
- 区别:src用于替代这个元素,而href用于建立这个标签与外部资源之间的关系
- 表单提交中Get和Post方式的区别
Get一般用于从服务器上获取数据,Post向服务器传送数据
Get传输的数据是拼接在Url之后的,对用户是可见的;Post的传输数据对用户是不可见的
Get传送的数据量较小,不能大于2KB。Post传送的数据量较大,一般被默认为不受限制
Get安全性非常低,Post安全性较高
在FORM提交的时候,如果不指定Method,则默认为Get请求。
总结:对前端的出学者还说现在不止是只会"前端"的前端工作者可以找到理想工作,对web开发技术感兴趣的同学,欢迎加入新建的Q群:673858956,不管你是小白还是大牛我都欢迎,希望大家诚心交流!还有大牛整理的一套高效率学习路线和教程与您免费分享,与企业需求同步。好友都在里面学习交流,每天都会有大牛定时讲解前端技术!