1. 常见 meta 元素有哪些?
2. script 标签中， async 和 defer 两个属性有什么用途和区别？
3. 什么是 HTML 语义化?
4. 行内元素有哪些？块级元素有哪些？ 空( void )元素有那些？
5. 如何禁用 a 标签跳转页面或定位链接?
6. HTML 标签中的 src 和 href 有什么区别?
7. script 标签为什么建议放在 body 标签的底部（defer、async）?
8. HTML5 有哪些新特性？
9. 简述 HTML 渲染过程
10. 简单描述从输入网址到页面显示的过程
11. 页面导入样式时，使用 link 和 @import 有什么区别？
12. css 加载会造成阻塞吗？
13. CSSOM 树和 DOM 树是同时解析的吗？
14. input 上传文件可以同时选择多张吗？怎么设置？
15. label 标签有什么用？
16. js 和 css 是如何影响 DOM 树构建的？
17. title与h1的区别、b与 strong的区别、i与em的区别？
18. SEO是什么？
19. 如何实现SEO优化
20. 导致页面加载白屏时间长的原因有哪些，怎么进行优化？
21. 常见浏览器内核有哪些？
22. URL和URI的区别是什么？
23. DOMContentLoaded和load和unload和beforeunload的区别是什么？
24. 什么是pv，什么是uv？
25. 什么是DOM和BOM？
26. 什么是iconfont,优缺点有哪些？

下附答案

• 所谓块级元素就是指 display 属性为 block/table 的元素，它们的特点是独占一行，常见的有

1. div
2. h1
3. h2
4. table
5. ul
6. ol
7. p

• 所谓内联元素就是指 display 属性为 inline/inline-block 的元素，它们的特点就是不会独占一行，常见的有

1. span
2. img
3. input
4. button

区别：

1. 默认情况下块级元素会独占一行而内联元素不会
2. 块级元素可以设置 width, height 属性而内联元素设置无效
3. 块级元素可以设置 margin 和 padding,而内联元素只有水平方向有效，竖直方向无效
4. 块级元素可以包含行内元素和块级元素。内联元素不能包含块级元素

语义化的含义就是用正确的标签做正确的事情，html 语义化就是让页面的内容结构化。

打个比方就是，如果我要实现一个一级标题，可以用 div+css 设置样式字体来达到效果，也可以用 h1，前者当然也能实现效果，但是语义化的方式还是使用 h1 标签，因为我们一看到 h1 标签就会知道他是一个 一级标题，这就是 html 语义化。

1. 语义化不仅能方便我们开发人员阅读维护理解
2. 还有利于搜索引擎的建立索引、抓取（SEO 优化）
3. 而且有还利于不同设备的解析（屏幕阅读器，盲人阅读器等）

前言

本文适合零基础的同学、技术栈主 Vue 的同学快速入门 React，对于有一定的 React 基础同学，相信看完也能有所收获

前言

本文适合零基础的同学、技术栈主Vue的同学快速入门 React，对于有一定的 React 基础同学，相信看完也能有所收获。

1. React 是什么 ？

在 React 的官方文档 首页有一行说明

理解为 React 是一个用于构建用户界面的 JavaScript 库

这里的 web and native 可以理解为 web 浏览器端，以及指定特定平台 ios、android、windows 等

React 的特点：

1. 声明式
2. 组件化
3. 一次学习，跨平台编写

1.1 React 的特点一：声明式编程

声明式编程：

1. 声明式编程式目前整个大前端开发的模式：Vue、React、Flutter;
2. 它允许我们只需要维护自己的状态，当状态改变时，React 可以根据最新的状态去渲染我们的 UI 界面

1.2 React 的特点二：组件化开发

组件化开发:

1. 组件化开发页面目前前端的流行趋势，我们会将复杂的界面拆分成一个个小的组件;
2. 如何合理的进行组件的划分和设计也是后面我会讲到的一个重点;

1.2 React 的特点三：多平台适配

多平台适配:

1. 2013年，React 发布之初主要是开发 Web 页面;
2. 2015年，Facebook 推出了 ReactNative，用于开发移动端跨平台;(虽然目前 Flutter 非常火爆，但是还是有很多公司在使用 ReactNative);
3. 2017年，Facebook推出 ReactVR，用于开发虚拟现实 Web 应用程序;(VR也会是一个火爆的应用场景);