简单
技术面试0 次浏览请简述 HTML 中 `<div>` 和 `<span>` 标签的区别。
前端工程师
HTML标签区别
答题要点
`<div>` 和 `<span>` 是 HTML 中常用的标签,它们的主要区别在于显示方式和用途。从显示方式来看,`<div>` 是块级元素,它会独占一行,并且会自动换行,前后都会有换行符,在页面中会占据一整行的空间。而 `<span>` 是行内元素,它不会独占一行,多个 `<span>` 标签可以在同一行显示,只会占据自身内容的宽度。从用途方面,`<div>` 通常用于对页面进行大的布局划分,例如将页面划分为头部、主体、侧边栏、底部等不同的区域,起到容器的作用,方便对页面结构进行组织和管理。`<span>` 则主要用于对文本进行局部的样式设置或标记,比如对某个单词或短语设置特殊的颜色、字体等样式。例如,当需要给一段文本中的某个关键词添加特殊样式时,就可以使用 `<span>` 标签。