前端 HTML 面试题, HTML 行内元素有哪些?块级元素有哪些?空void元素有哪些?

Q:: HTML 行内元素有哪些？

A:: HTML 行内元素通常不会占据新的一行，它们只占据它们所需的宽度。常见的行内元素有：<a>、<span>、<img>、<strong>、<em>、<input> 等等。

Q:: HTML 块级元素有哪些？

A:: HTML 块级元素通常占据整个容器的宽度，并且会另起一行。常见的块级元素有：<div>、<p>、<h1> 到 <h6>、<ul>、<ol>、<li>、<form>、<header>、<footer>、<section>、<article> 等等。

Q:: HTML 空（void）元素有哪些？

A:: HTML 空元素是那些没有闭合标签的元素。常见的空元素有：<img>、<br>、<hr>、<input>、<meta>、<link>、<source> 等等。

🦆

HTML 语义化标签有哪些?▷

HTML 语义化标签如 <header>、<footer>、<article>、<section> 等，它们不仅仅用于布局，还用于表达页面的结构和内容的语义，有助于SEO和可访问性。

🦆

什么是块级格式化上下文Block Formatting Context?它有什么作用?▷

块级格式化上下文是页面渲染时产生的一个独立渲染区域，它影响内部元素的布局和外部元素的交互，比如防止元素的浮动效果影响外部元素。创建 BFC 的方式有很多种，比如设置overflow属性为hidden，或使用float等。

🦆

HTML5 新增了哪些重要的元素?它们的作用是什么?▷

HTML5 新增了许多语义化元素，如 <article>、<section>、<nav>、<header>、<footer> 等，用于更好地表达文档结构。此外，HTML5 还新增了 <audio>、<video> 等媒体元素，允许直接在网页中嵌入多媒体内容而无需插件。

🦆

行内元素和块级元素在 CSS 中的表现有何不同?▷

行内元素默认不会设置宽度和高度，也不会换行，而块级元素可以设置宽高，并且会独占一行。使用 display 属性可以在它们之间进行转换，比如通过 display: block; 将行内元素变为块级元素。