HTML/HTML5 知识点思维导图

HTML
1 - 浏览器 | 浏览器页面构成

 

 

2 - 浏览器 | 浏览器内核相关知识点

 

 

3 - W3C | 对WEB标准以及W3C的理解与认识?

 

 

4 - 标签 | Doctype相关知识点

 

 

5 - 标签 | meta相关知识点

 

 

6 - 标签 | label相关知识点

 

 

7 - 标签 | link 与 @import

 

 

8 - 属性 | 全局属性一览

 

 

9 - 属性 | target属性

 

 

10 - 标签/属性 | 一些老生常谈的标签和属性对比

 

 

11 - 字符实体 | 认识Html字符实体

 

 

12 - 布局 | 几个前端该掌握的HTML布局

 

 

13 - DOM | 谈谈你对Shadow DOM的理解

 

 

14 - 浏览器 | 浏览器的数据存储方式有哪些？

 

 

15 - 页面通信 | 如何实现标签页间的通信？

 

 

16 - 缓存 | 谈谈cookie和session的区别？

 

 

17 - 协议 | 谈谈对WebSocket的认识

 

 

18 - 渲染 | 了解网页渲染流程与优化技巧

 

 

接上图，相关网页渲染的优化技巧

 

 

 

19 - 其他 | 实现一个圆形可点击区域的方式有哪些？

 

 

HTML5
20 - 一览 | html5一图来概述

 

 

21 - 语义化 | 谈谈html5语义化

 

 

22 - 元素 | html5的元素分类

 

 

23 - 元素 | 常见空元素

 

 

24 - 表单增强 | 新增的input类型及属性

 

 

25 - 属性 | data_属性

 

 

26 - 其他 | 认识SVG