基础小题——第五期（面试分享）

目录

---

1.简述 readyonly 与 disabled 的区别？

readyonly 是设置表单元素为只读状态;

disabled 是设置表单元素为禁用状态.

---

2.哪些标签都存在伪元素?

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

大部分单标签 都没有伪元素, 但是 img 有伪元素；

---

3. 伪元素可以使用 js 来操作吗?

不可以

---

4. Html5 的网页为什么只需要写<!DOCTYOE HTML>?

HTML 4.01 中的 doctype 需要对 DTD 进行引用，因为 HTML 4.01 基 于 SGML。而 HTML 5 不基于 SGML，因此不需要对 DTD 进行引用， 但是需要 doctype 来规范浏览器的行为。其中，SGML 是标准通用标 记语言,简单的说，就是比 HTML,XML 更老的标准，这两者都是由 SGML 发展而来的, 而 HTML5 不是的。

---

5. Html5 新增那些标签?

布局标签:

header,section,footer,article,aside

表单标签:

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

多媒体标签:

audio, video

其他标签:

progress(进度条),meter

---

6.行内元素和块级元素的具体区别是什么？

块级元素 独占一行页面空间, 不会和其他元素共享一行页面空间;

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

 

---

7.列举几个块级标签和行内标签？

 块级标签:div,p,h1~h6,section,header,footer

 行内标签 :span,em(i),strong(b),u,em(i),a

---

8.行内元素的 padding 和 margin 可设置吗？

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