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 属性规定 元素的名称。
name 属性用于在 JavaScript 中引用元素,或者在表单提交后引用表单数据。
注意:只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。
6.label标签的for属性有什么意义?
label可以通过for和的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按钮
便于浏览器保存表单
第三方库可以整体提取表单
第三方库可以进行表单验证