以下是一些前端面试题:
一、HTML/CSS部分
-
请描述HTML的语义化标签的重要性,并列举一些常用的语义化标签。
- 答案:
- 重要性:
- 对搜索引擎优化(SEO)有帮助,搜索引擎能够更好地理解页面结构,从而提高网站在搜索结果中的排名。
- 提高代码的可读性和可维护性,使开发者更容易理解页面布局和功能逻辑。
- 对于辅助技术(如屏幕阅读器)更友好,能够准确地向用户传达页面内容。
- 常用语义化标签:
<header>
:定义页面或区域的头部内容,通常包含导航链接、logo等。<nav>
:表示页面中的导航链接部分。<main>
:表示页面的主要内容区域。<article>
:表示独立的、完整的内容,如一篇博客文章或新闻报道。<section>
:用于对页面内容进行分组,表示一个相关的部分。<footer>
:定义页面或区域的底部内容,通常包含版权信息、联系方式等。
- 重要性:
- 答案:
-
如何实现水平垂直居中一个元素?(使用CSS)
- 答案:
- 方法一:对于行内元素或块级元素(已知宽高),可以使用绝对定位和负边距。
- 例如:
.parent {position: relative; } .child {position: absolute;top:
- 方法一:对于行内元素或块级元素(已知宽高),可以使用绝对定位和负边距。
- 答案: