2024年HTML面试题(持续更新)

119 阅读1分钟

1.如何理解HTML语义化?

使用恰当的HTML标签来表示内容和结构,代码可读性强,便于浏览器解析,SEO效果更好。

2.块级 行内 行内块元素的区别

块级元素

  • 独占一行,从上往下排列
  • height line-height margin padding都可以控制
  • width默认为父元素的宽度
  • 代表元素:div h1-h6 ul ol li form table p hr

行内元素

  • 不独占一行,排列在同一行
  • height无效,line-height有效,margin padding左右方向有效,上下无效
  • width随元素的内容而变化
  • 行内元素中不能放块级元素
  • 代表元素:a br code em i label select span strong textarea

行内块元素

  • 一行中放置多个行内块元素
  • 自由设置width height line-height margin padding
  • width是本身内容的宽度,不独占一行,会有空白间隙,设置它上一级的font-size为0,才会消除间隙
  • 代表元素:button input textarea select img