2023年前端面试题（含答案）之HTML+CSS篇（一）_html css js面试题

在又到了金三银四的招聘季，不管你是刚入行的小白，亦或是混迹职场的老鸟，还在为面试前端工程师时不知道面试官要问什么怎么回答而苦恼吗？为了帮助你获得面试官的青睐，顺利通过面试，跳槽进入大厂，走上人生巅峰，整理了一些前端面试，希望对在面试中或学习工作中的你有所帮助！

HTML篇

1.语义化

①语义化，指对文本内容的结构化（内容语义化），选择合乎语义的标签（代码语义化）。

②语义化标签：header、nav、main、article、section、aside、footer等。

③优点:

       a.代码结构清晰，易于阅读，有利于维护 。

       b.方便其他设备解析（如：屏幕阅读器）。

       c.有利于搜索引擎优化（SEO），搜索引擎爬虫会根据不同的标签来赋予不同的权重。

2.script 标签中属性 async 和 defer 的区别？

• script 会阻碍 HTML 解析，只有下载好并执行完脚本才会继续解析 HTML。
• async script：解析 HTML 的过程中会进行脚本的异步下载，下载成功后立马执行，因此有可能会阻断 HTML 的解析。多个脚本的执行顺序无法保证。
• defer script：也是异步下载脚步，加载完成后，如果此时 HTML 还没有解析完，浏览器不会暂停解析去执行 JS 代码，而是等待 HTML 解析完毕再执行 JS 代码，如果存在多个 defer script 标签，浏览器（IE9及以下除外）会保证它们按照在 HTML 中出现的顺序执行，不会破坏 JS 脚本之间的依赖关系。

3.DOCTYPE 的作用是什么？

<!DOCTYE> 声明一般位于文档的第一行，它的作用主要是告诉浏览器以什么样的模式来解析文档。一般指定了之后会以“标准模式”进行文档解析，否则就以“兼容模式”进行解析。