HTML面试
题目
1、doctype的意义是什么
这是有历史背景的,很久以前ie有一些自己的渲染模式。最典型的就是盒子模型,我么都知道一个元素他如果是width宽度的话那么他实际占的宽度还会包括他的padding和margin ,ie来说如果设置的宽度为200px,padding 10px,那么整个区域可能是180,但是标准的盒子模型它事实上宽度可能是220,后来就出现了一个解决方案,如果带上doctype那么ie就会以标准模式渲染。
所以他的意义:
- 让浏览器标准模式渲染(不只是IE)
- 让浏览器知道元素的合法性(写的是html4那么有的元素可能不合法,如果是Xhtml那么元素不闭合,属性值不加引号等就是不合法的)
2、HTML、XHTML、HTML5的关系
- HTML是属于SGML的一个应用(SGML是一个非常通用的标记语言)
- XHTML是属于Xml,是HTML进行HTML严格化的结果
- HTML5不属于SGML和XML,比XHTML宽松
3、HTML5有什么变化
- 新的语义化的元素(section、article、header、footer、nav等,能方便的写出更加有语义化的元素)
- 表单增强
- 新的API(离线、音视频、图形、实时通信、本地储存、设备能力)
- 分类和嵌套规则的变更(a中可以嵌套块级元素)
4、em和i有什么区别
- em是语义化标签,表示强调
- i是一个纯样式的标签,表示斜体
- html中i不推荐使用,一般用作图标
5、语义化的意义是什么
- 开发者容易理解,易于维护
- 机器容易理解(搜索、盲人读屏软件)
- 有益于SEO
- semantic microdata(进行标记)
6、哪些元素可以自闭和
- 表单元素input
- 图片img
- br、hr
- meta、link
7、HTML和DOM的关系
- HTML是死的(所谓的结构只是看起来有结构而已)
- DOM是有HTML解析而来,是活的,是浏览器内存中的一个结构,是一个树形结构
- js真正去维护的是DOM
8、property和attribute的区别
- attribute是死的
- property是活的
9、form的作用
- 直接提交表单
- 使用submit和reset按钮
- 便于浏览器保存表单
- 第三方库可以整体提取值
- 第三方库进行表单验证
转载:https://blog.csdn.net/Gueyue/article/details/102409390
查看评论