1、描述块级元素与行内元素的区别?行内元素与块级元素有哪些?Img是什么元素?如何制定元素以块级元素展示
(1)区别
- 块级元素宽度会自动占满整行,行内元素不会自动占满整行,由内容撑起,一次排列
- 行内元素设置宽高无效,设置margin上下无效,设置pdding上下无效
- 块级元素可以包含块级元素和行内元素,但行内元素只能包含文字、图片、行内元素,无法包含块级元素
块级行内元素:既可以设置宽高、padding、margin,但又不占满整行
(2)有哪些
- 块级元素:div、p、h1~h6、ul、ol、li
- 行内元素:span、a、strong、em、i
- 块级行内元素:img、input
(3)设置改变
display:block / inline / inline-block
2、H5有哪些新特性?
(1) 语义化标签:header,footer,section,nav,aside,article
(2) 增强型表单:imput新增了多个type
(3) 新增表单元素:datalist,keygen,output
(4) 新增表单属性:placehoder,require,min,max
(5) 音频,视频:video,audio
(6) Canvas,地理定位,拖拽
(7) 本地存储,localStorage-没有时间限制的数据存储,sessionStorage—针对一个session的数据存储,当用户关闭浏览器窗口后,数据会被删除
(8) 新事件:onresize,onscroll,onerror,onplay,onpause,ondrag,onmousewheel
(9) webSocket:单个tcp链接上的全双工协议
3、HTML语义化理解?优点?
(1)根据内容的结构化使用合理的语义化标签
(2)优点:
- 对于SEO更加友好
- 增加代码可读性和可维护性
4、HTML文件开头的Doctype是什么?严格模式和混杂模式是什么?如何判断
(1)Doctype是什么
<!DOCTYPE>声明叫做文件类型定义(DTD),声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。<!DOCTYPE>声明必须在 HTML 文档的第一行,这并不是一个 HTML 标签。
(2)严格模式和混杂模式
- 严格模式:又称为标准模式,让浏览器按照W3C标准解析HTML文档
- 混杂模式:又称为怪异模式或兼容模式,浏览器会按照自己方式解析HTML文档
- 准标准模式:几乎都是标准模式,但部分是怪异模式实现
(3)判断
document.compatMode
BackCompat:怪异模式
CSS1Compat:标准模式 | 准标准模式(一些dtd是准标准模式,几乎都是标准模式,但部分是怪异模式实现)
-----smile