【初级】前端开发工程师面试100题（一）
本题库共计包含100题，考察html，css，js，以及react，vue，webpack等基础知识掌握情况。
HTML基础篇
-
说说你对HTML语义化的理解？
- 语义化就是用合适的标签表达合适的内容，比如
<header>表示页眉，<nav>表示导航。这样不仅代码更清晰，对SEO也友好，屏幕阅读器也能更好理解页面结构。
- 语义化就是用合适的标签表达合适的内容，比如
-
HTML5新增了哪些常用标签？
<section>表示文档中的节，<article>独立内容，<aside>侧边栏，<video>和<audio>直接嵌入媒体，还有<canvas>画布。
-
img标签的alt和title属性有什么区别？
alt是图片无法显示时的替代文本，对SEO重要；title是鼠标悬停时的提示文本，可加可不加。
-
如何理解HTML中的DOCTYPE声明？
- 它告诉浏览器用哪种HTML版本来解析页面，比如
<!DOCTYPE html>表示HTML5，没有它浏览器可能进入怪异模式。
- 它告诉浏览器用哪种HTML版本来解析页面，比如
-
meta标签有哪些常见用法？
<meta charset="UTF-8"> <!-- 字符编码 --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 移动端适配 --> <meta name="description" content="页面描述"> <!-- SEO用 -->
CSS基础篇
-
CSS盒模型是什么？标准盒模型和怪异盒模型区别？
- 盒模型就是把元素看作盒子，有content、padding、border、margin。标准盒模型width只含content，怪异盒模型width包含content+padding+border。
-
如何让一个div水平垂直居中？
/* 方法1：flex布局（最推荐） */ .parent {display: flex;justify-content: center;align-items: center; }/* 方法2：绝对定位+transform */