HTML
1.Doctype作用,HTML5 为什么只需要写
doctype是一种标准通用标记语言的文档类型声明,目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义(DTD)来解析文档.<!DOCTYPE>声明必须是HTML文档的第一行,位于html标签之前
HTML5不基于SGML,所以不需要引用DTD。在HTML5中<!DOCTYPE>只有一种
SGML: 标准通用标记语言,是现时常用的超文本格式的最高层次标准
2.行内元素有哪些,块级元素有哪些,空(void)元素有那些
行内元素:a span i img input select b 等
块级元素:div ul ol li h1~h6 p table 等
空元素:br hr link 等
3。简述一下你对HTML语义化的理解
简单来说,就是合适的标签做合适的事情,这样具有以下好处:
有助于构架良好的HTML结构,有利于搜索引擎的建立索引、抓取,利于SEO
有利于不同设备的解析
有利于构建清晰的机构,有利于团队的开发、维护
4. 常见的浏览器内核有哪些,介绍一下你对浏览器内核的理解
Trident内核:IE Gecko内核:NETSCAPE6及以上版本,火狐
Presto内核:Opera7及以上。[Opera内核原为:Presto,现为:Blink;]
Webkit内核:Safari,Chrome等。[Chrome的:Blink(WebKit的分支)]
浏览器内核又可以分成两部分:渲染引擎和JS引擎。 渲染引擎主要负责取得网页的内容、整理讯息、计算网页的显示方式等,JS引擎则是解析Javascript语言,执行javascript语言来实现网页的动态效果。
5.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 连接上进行全双工通讯的协议
6.描述一下 cookie,sessionStorage 和 localStorage 的区别.
7.如何实现浏览器内多个标签页之间的通信
使用localStorage: localStorage.setItem(key,value)、localStorage.getItem(key)
websocket协议
webworker
8.HTML5的离线存储怎么使用,解释一下工作原理
9.区别:src用于替代这个元素,而href用于建立这个标签与外部资源之间的关系
浏览器加载到这里的时候,html的渲染和解析不会暂停,css文件的加载是同时进行的 当浏览器解析到这句代码时,页面的加载和解析都会暂停直到浏览器拿到并执行完这个js文件
10.表单提交中Get和Post方式的区别
Get一般用于从服务器上获取数据,Post向服务器传送数据
Get传输的数据是拼接在Url之后的,对用户是可见的;Post的传输数据对用户是不可见的
Get传送的数据量较小,不能大于2KB。Post传送的数据量较大,一般被默认为不受限制
Get安全性非常低,Post安全性较高
在FORM提交的时候,如果不指定Method,则默认为Get请求。
作者:前端柏言
来源:CSDN
原文:https://blog.csdn.net/cocoer_/article/details/88604537
版权声明:本文为博主原创文章,转载请附上博文链接!