前端开发校招面试问题整理【2】——HTML

1、HTML 元素（element）

Q：简单介绍下常用的 HTML 元素？

块状标签：元素独占一行，可指定宽、高。
常用的块状元素有：

、
、
-
、
、
、
、、
1
内联元素：元素在一行内，宽度与高度由内容决定，只有在内容超过 HTML 的宽度时，才会换行。
 常用的内联元素有：
、、、、、
1
内联块状元素同时具备内联元素、块状元素的特点，它和其他元素都在一行，但元素的高度、宽度、行高以及顶和底边距都可设置。常用的内联块状元素有：
、
1
Q：语义化元素是指？
语义化元素是指元素本身传达了关于其内容类型的一些信息。这些元素让页面的内容结构化，结构更清晰，便于 SEO，容易阅读和维护。
常见的语义化元素：

Q：HTML5 新增了哪些元素？
标签
说明
定义 section 或 document 的页眉。
定义 section 或 document 的页脚。
定义导航链接的部分。
定义文章的内容。
定义文档中的段落。比如章节、页眉、页脚或文档中的其他部分。
定义 article 以外的内容。aside 的内容应该与 article 的内容相关。
定义声音。
定义图形。
定义视频，比如电影片段或其他视频流。
为媒介元素（比如  和 ）定义媒介资源。
 
2、HTML 事件
 
Q：描述一下 HTML 的事件模型？事件捕获/事件冒泡指的是？
 
当页面触发一个事件的时候，浏览器主要做了三个阶段的事情，分别是：
 1、捕获事件阶段
 2、目标处理阶段
 3、后续事件处理阶段
 
当事件被触发，从根节点传递事件对象到目标节点的过程，就是事件捕获。
 当处理完成事件后，从目标节点反向的传递到根节点的过程，就是事件冒泡。
 
Q：如何阻止事件冒泡？如何阻止元素默认行为？
 
event.stopPropagation() // 阻止事件冒泡
event.preventDefault() // 阻止元素默认行为
1
2