码迷,mamicode.com
首页 > Web开发 > 详细

HTML面试常见问题

时间:2019-09-26 23:50:27      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:透明   按钮   第三方库   十分   单元素   提取   作用   dom   input   

1. doctype的意义是什么?

让浏览器以标准模式渲染

让浏览器知道元素的合法性

2.html,xhtml,html5之间有什么关系?

HTML属于SGML

XHTML属于XML(HTML是XML严格化的结果)

HTML5不属于SGML或XML,比XHTML宽松

3.HTML5带来了哪些变化?

新的语义化元素(section,nav,sidebar...)

表单增强(html5验证)

新的API(离线,音视频,canvas ,svg, 本地存储 )

分类和嵌套的变更

4.em和i有什么区别?

em是语义化的标签,表强调

i 标签是纯样式化的标签,表示斜体,现在更多用于做icon

html5中不推荐使用 i 标签,现在一般用于做icon

5.input标签的name属性有什么意义?

name 属性规定 <input> 元素的名称。

name 属性用于在 JavaScript 中引用元素,或者在表单提交后引用表单数据。

注意:只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

6.label标签的for属性有什么意义?

label可以通过for和<input type = "check" name ="xxx">的name进行绑定

起到点击label时等同于点击了input的作用

7.通过ajax提交的情况下,是否需要form?

submit,reset等type需要form才可以使用

jq中有针对form的获取表单数据的方法

框架或验证组件可以更好地做表单验证

对用户十分友好

凡是涉及到表单元素的地方都建议放上form标签

8.如何理解HTML?

HTML可以看做是一种文档, 一种结构,骨架,尤其是html5新增标签让这种结构增色不少。

9.HTML元素的嵌套关系是如何的?

块级元素可以包含行内元素

块级元素不一定能包含块级元素

行内元素一般不能包含块级元素(a元素是个例外)

10.为什么a元素包裹div元素是合法的?

a标签能否包含div取决于a元素的上层元素,如果a元素的上层元素能够包含div,则可以,否则不可以(相当于a是透明的)

11.如何理解语义化?

让人更容易读懂(增加代码可读性)

机器容易理解结构(搜索,读屏软件)

有助于SEO(让搜索引擎更容易读懂)

12.默认情况下,哪些HTML标签是块级元素?哪些标签是内联元素?

块级元素:display:block/table;有div h1 h2 table ul ol p等(独占一行)

内联元素:display:inline/inline-block;有span img input button等

13.哪些元素可以自闭和?

input img br hr meta link

14.HTML和DOM的关系是什么?

HTML是死的,就是一个字符串而已,而DOM是由HTML解析而来的,是活的,我们可以通过JS维护DOM(DOM操作)

15.property和attribute的区别是什么?

attribute是死的,是HTML中标签上的属性

property是活的,是DOM树上的属性

两者之间是不会相互影响的

16.form的作用有哪些?

直接提交表单

可以使用submit/reset按钮

便于浏览器保存表单

第三方库可以整体提取表单

第三方库可以进行表单验证

 

HTML面试常见问题

标签:透明   按钮   第三方库   十分   单元素   提取   作用   dom   input   

原文地址:https://www.cnblogs.com/JianXin1994/p/11594846.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!