一、HTML
HTML是超文本标记语言。
二、DOCTYPE是什么，作用是什么
DCOCTYPE是HTML5的文档声明，通过它可以告诉浏览器，使用哪一个HTML版本标准来解析文档。
三、对HTML语义化的理解
- 有利于SEO优化
<meta name='keywords' content='关键词1，关键词2'>
- 在没有css样式的情况下，也能够清晰的呈现页面结构
- 语义化具备可读性，便于维护
四、前端页面结构有哪三层，分别是什么
- 结构层：由HTML超文本标记语言组成，也就是页面中的各种标签，标签里保存了用户可以看见的内容，比如：一段文字、一段视频等。
- 样式层：由css样式组成，css别名层叠样式表，可以给出各个元素的样式。
- 行为层：由JS和DOM组成，表示用户和网页的交互。比如：用户点击一个按钮，网页给出反馈。
五、常见的行内元素和块级元素，它们的区别
- 行内元素：span、a、img、strong、input、label、em
- 块级元素：div、p、h1～h5、ul、ol、li、tabel、form
行内元素和块级元素的区别：
- 显示形式不同：块级元素独占一行，行内元素一行可以有很多。
- 包含形式不同：块级元素可以包含块级元素和行内元素，行内元素只能包含行内元素。
- 默认宽度不同：块级元素默认宽度是父元素宽度的100%，行内元素的宽度由元素撑开。
六、H5的新元素和新特性
- 语义化标签：header、article、nav、main、section、aside、footer
- 多媒体标签：autio、vedio
- 画布canvas
- web存储：localStorage和sessionStorage
- 拖拽API
- 表单增强：新增了多种输入类型（email、data、tim等）和表单验证功能
- 地图定位：通过Geolocation API获取用户的地理位置信息
七、localStorage、sessionStorage、cookie的区别
| localStorage | sessionStorage | cookie | |
|---|---|---|---|
| 由谁初始化 | 客户端 | 客户端 | 客户端或服务器 |
| 过期时间 | 永不过期 | 当前页面关闭时 | 手动设置 |
| 在当前浏览器会话（browser sessions）中是否保持不变 | 是 | 否 | 取决于是否设置了过期时间 |
| 容量限制 | 5MB | 5MB | 4KB |
| 安全性 | 遵循同源策略，不参与网络请求 | 遵循同源策略，不参与网络请求 | 可以参与网络请求 |
八、iframe的作用以及优缺点
作用
可以在项目里嵌入其他网站页面。
优点
- 可以在页面上独立显示一个页面或者内容，不会与页面其他元素冲突
- 可以在多个页面重用同一个页面和内容，可以减少代码冗余
- 加载是异步的，页面可以不等待iframe加载完成之后呈现
- 方便实现跨域访问(用postMessage通信)
缺点
- 搜索引擎可能无法正确解析iframe的内容
- 会阻塞主页面的onload事件
- 和主页面共享连接池，影响页面并行加载
