1. HTML5 新增了哪些标签？
- 布局标签：header , section , footer , article , aside
- 表单标签：input:type='week | date | time | datetime | number | search | url | tel | color | email | range'
- 多媒体标签：audio(音频) , video(视频)
- 其他标签：progress(进度条) , meter(度量器)
2. HTML5 新属性
hidden(隐藏元素) , required(必填) , minlength(最小长度) , maxlength(最大长度) , pattern(正则表达式) , placeholder(提示文本) , autocomplete(自动填充) , autofocus(自动获取焦点)
3. 行内元素和块级元素的具体区别是什么？
- 块级元素独占一行页面空间，不会和其他元素共享一行页面空间；行内元素可以和其他非块级元素(行内、行内块)共享一行页面空间
- 块级元素可以设置宽高、margin、padding；行内元素不能设置宽高，只能设置水平方向的margin与padding，设置垂直方向上的margin与padding不生效
- 块级元素可以包含行内元素和块级元素，还可以容纳行内块元素；行内元素不能包含块级元素，只能容纳文本或者其他行内元素
4. 列举几个块级标签和行内标签
- 块级标签：div , p , h1~h6 , form , table , tr , td , th , ul , li , ol , dl , dt , dd , header , nav , section , aside , article , footer......
- 行内标签：span , a , em(i) , strong(b) , u , a
5. 行内元素的 padding 和 margin 可以设置吗？
行内元素设置水平方向的 margin 和 padding 是可以生效的，但是设置垂直方向的margin 和padding 虽然看起来对标签起作用，但实际并没有对周围元素产生任何影响，所以行内元素设置垂直方向的 margin 和 padding 是无效的
6. 简述 readonly 与 disabled的区别
readonly 是设置表单元素为只读状态
disabled 是设置表单元素为禁用状态
7. 哪些标签存在伪元素？
大部分容器标签(大部分双标签)都有伪元素，iframe标签没有伪元素；
大部分单标签都没有伪元素，但是 img 有伪元素
8. 伪元素可以使用 js 来操作吗？
伪元素是通过css的样式属性来生成的元素，伪(假)元素并不会存在dom树的结构中，因此 js无法操作伪元素。
9. HTML5的网页为什么只需要写<!DOCTYPE HTML>
HTML4.01 中的 doctype 需要对 DTD 进行引用，因为 HTML4.01 基于 SGML。 而 HTML5 不基于 SGML，因此不需要对 DTD进行引用，但是需要 doctype 来规范浏览器的行为。其中，SGML是标准通用标记语言，简单的说，就是比 HTML，XML更老的标准，这两者都是由 SGML发展而来的，而 HTML5不是的。
扫一扫
321
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
