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、input | 1)不自动换行(2)能够识别宽高(3)默认排列方式为从左到右 |
他们的转化
块元素转化成行内元素:display:inline;
行内元素转化成块元素:display:block;
转换成行内块元素:display:inline-block;
< image >标签上title属性和alt属性的区别
title属性是鼠标悬浮上去显示的文字,而alt则是图片加载失败时提示的文字
写出五个h5新增的标签,并说明其语义和应用场景
section:定义文档中的第一个章节
nav:定义只包含导航链接的文章
header:定义页面或章节头部,通常包含logo、页面标题和导航性目录
footer:定义页面或章节尾部,通常包含版权信息、法律信息链接和反馈建议用的地址。
aside: 定义和页面内容关联度低一些的内容,如果被删除剩下的内容依旧合理
h5有哪些新特性,移除了哪些元素
-
h5主要是关于图像位置储存多任务等功能的增加
-
拖拽释放( Drag and drop )API
-
语义化更好的内容标签(header,nav,footer,aside,article,section)
-
音频、视频API(audio,video)