前端常见面试题

布局标签:　　　header,section,footer,article,aside

表单标签:　　　datalist,　　input:type=’week|date|time|datetime|number|search|url|tel|color|email|range’

多媒体标签: 　audio, 　　video

他标签: 　　　progress(进度条),　　meter

块级元素独占一行页面空间, 不会和其他元素共享一行页面空间;
行内元素可以和其他非块级元素(行内,行内块)共享一行页面空间.

块级标签:div,　　p,　　h1~h6,　　section,　　header,f　　ooter
行内标签:span,　　em(i),　　strong(b),　　u,　　em(i),　　a

1 行内元素设置水平方向的padding 和margin 是可以生效,但是设置垂直方向的padding 和margin 虽然看起来对标签起作用,但实际并没有对周围元素产生任何影响,
所以行内元素设置垂直方向的padding和margin 是无效的.

readyonly 是设置表单元素为只读状态;
disabled 是设置表单元素为禁用状态.

大部分容器标签(大部分双标签)都有伪元素, iframe 没有伪元素;
大部分单标签都没有伪元素, 但是img 有伪元素

js不可以操作伪元素

HTML5 不基于 SGML，所以不需要引用 DTD，因此没有声明DTD;

作用：<!DOCTYPE>声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。（浏览器获知文档类型）;

在 HTML 4.01 中，<!DOCTYPE>声明引用 DTD，因为 HTML 4.01 基于 SGML。

SGML(Standard Generalized Markup Language)，即标准通用标记语言;DTD (Document Type Definition)规定了标记语言的规则，这样浏览器才能正确地呈现内容。

px 是一个绝对单位;em 和rem 是一个相对单位, em 参考的是当前元素的字体(font-size)大小, 参考的是页面根元素html 的字体(font-size)大小.