前端面试题

以下是一些前端面试题：

一、HTML/CSS部分

1. 请描述HTML的语义化标签的重要性，并列举一些常用的语义化标签。

   • 答案：
     • 重要性：
       • 对搜索引擎优化（SEO）有帮助，搜索引擎能够更好地理解页面结构，从而提高网站在搜索结果中的排名。
       • 提高代码的可读性和可维护性，使开发者更容易理解页面布局和功能逻辑。
       • 对于辅助技术（如屏幕阅读器）更友好，能够准确地向用户传达页面内容。
     • 常用语义化标签：
       • <header>：定义页面或区域的头部内容，通常包含导航链接、logo等。
       • <nav>：表示页面中的导航链接部分。
       • <main>：表示页面的主要内容区域。
       • <article>：表示独立的、完整的内容，如一篇博客文章或新闻报道。
       • <section>：用于对页面内容进行分组，表示一个相关的部分。
       • <footer>：定义页面或区域的底部内容，通常包含版权信息、联系方式等。

2. 如何实现水平垂直居中一个元素？（使用CSS）

   • 答案：
     • 方法一：对于行内元素或块级元素（已知宽高），可以使用绝对定位和负边距。
       • 例如：

       .parent {
                
                
         position: relative;
       }
       .child {
                
                
         position: absolute;
         top