HTML和CSS面试题总结

97 阅读2分钟

HTML部分

做过的页面在哪些浏览器测试过、其内核是什么

IE: trident内核

Firefox: gecko内核

Safari:webkit内核

Opera:以前是presto内核,现在改用GoogleChrome的Blink内核

Chrome:Blink(基于webkit,Google与OperaSoftware共同开发)

块元素、行内元素、行内块元素都有啥、区别是啥

元素内容区别
块元素div、p、nav、aside、header、footer、ul-li、address等(1)能够识别宽高(2)margin和padding的上下左右均对其有效(3)可以自动换行(4)多个块状元素标签写在一起,默认排列方式为从上至下
行内元素span、em、label、select、textarea(1)设置宽高无效(2)对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间 (3)不会自动进行换行
行内块元素img、input1)不自动换行(2)能够识别宽高(3)默认排列方式为从左到右

他们的转化

块元素转化成行内元素:display:inline;

行内元素转化成块元素:display:block;

转换成行内块元素:display:inline-block;

< image >标签上title属性和alt属性的区别

title属性是鼠标悬浮上去显示的文字,而alt则是图片加载失败时提示的文字

写出五个h5新增的标签,并说明其语义和应用场景

section:定义文档中的第一个章节

nav:定义只包含导航链接的文章

header:定义页面或章节头部,通常包含logo、页面标题和导航性目录

footer:定义页面或章节尾部,通常包含版权信息、法律信息链接和反馈建议用的地址。

aside: 定义和页面内容关联度低一些的内容,如果被删除剩下的内容依旧合理

h5有哪些新特性,移除了哪些元素

  1. h5主要是关于图像位置储存多任务等功能的增加

  2. 拖拽释放( Drag and drop )API

  3. 语义化更好的内容标签(header,nav,footer,aside,article,section)

  4. 音频、视频API(audio,video)