HTML面试题

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
版权声明：本文为博主原创文章，转载请附上博文链接！