一道开篇的前端面试题

114 阅读1分钟

1. 请说一说什么是标签语义化

总结起来就是合理的标签来做合适的事情(每一个标签都有自己的语义)

2.都有哪些标签分别是什么意思?

块级标签:div p h1~h6 ul/li ol/li dl/dt/dd 或者header footer main section aside figure nav....

行内标签:a span em i strong small...

行内块级标签:img input...

3.这三大类标签的区别以及相互转换?

display:block/inline-block/inline

4.display除了这些值还有哪些?

none flex table grid....

5.none控制隐藏,其他让一个元素消失在视线中的方式都有哪些?

visibility:hidden

opacity:0

定位后调整z-index

足够大的负margin或者负top值

6.visibility:hidden 和 display:none的区别?

子元素的继承方面

1、如果后代元素的visibility属性存在则不会继承其父元素的visibility属性值,不存在才会继承其父元素的visibility属性值。例如:父元素的visibility为hidden但是子元素的visibility为visible则子元素依旧可见;子元素visibility不存在则子元素继承父元素的visibility值为hidden。
2、父元素的display为none,则其后的所有元素都将不可见。

占据空间方面

1、visibility:hidden时,虽然其内容被隐藏,但是它所处的空间仍然被占据。
2、display:none时,内容和空间都被隐藏,不占据空间

opacity设置透明度,IE中如何设置?=>filter在项目中除了设置透明度还可以做什么?

什么需求下用到了-margin?=>双飞翼的多种实现方案

flex在什么时候使用?=>和inline-block及float对比的区别

....

7.为什么要进行标签语义化