总结
zKing 2019-01-07 HTML
# HTML 和 DOM 之间的关系
DOM 由 HTML 解析得到的，可以通过 js 来进行维护，从而改变 HTML 本身的结构
# property 和 attribute 区别
- property是DOM中的属性，是JavaScript里的对象；
- attribute是HTML标签上的特性，它的值只能够是字符串；
- property能够从attribute中得到同步；
- attribute不会同步property上的值；
- attribute和property之间的数据绑定是单向的，attribute->property；
- 更改property和attribute上的任意值，都会将更新反映到HTML页面中；
# title与h1的区别、b与strong的区别、i与em的区别
- title 与 h1
- title 重于网站信息标题
- h1 则表示层次明确的标题，一个网页应该只有一个 h1 标签，从SEO角度看，title的权重高于H1，其适用性要比H1广。
- b 与 strong
- b 所传达的意思只是加粗，没有任何其它的作用。
- strong 是标明重点内容，有语气加强的含义，是强调文档逻辑的，并非是通知浏览器应该如何显示。
- i 与 em
- i 所传达的意思只是斜体，没有任何其它的作用。
- em 表示强调的文本，有语气强调的含义
# localStorage与sessionStroage区别
- localStroage 是将信息存储在硬件设备中的，关闭浏览器或网页也不会消失；
- sessionStroage 的有效期只是网页在浏览器打开到关闭的时间段
# form 的作用
- 提交表单
- 使用 submit/reset 按钮
- 便于浏览器保存表单
- 第三方库可以整体提取值
- 第三方库可以进行表单验证
# 对HTML语义化的理解
- 用正确的标签做正确的事情；
- html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；
- 即使在没有样式css情况下也以一种文档格式显示，并且是容易阅读的；
- 搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO；
- 使于读源代码的人对网站更容易将网站分块，便于阅读维护理解。
# html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？
# 新特性
- 内容元素：article、footer、header、nav、section
- 表单控件：calendar、date、time、email、url、search
- 控件元素：webworker，websockt，Geolocation，audio
# 移除元素
- 显现层元素：basefont，big，center，font，s，strike，tt，u
- 性能较差元素：frame，frameset，noframes
# 处理兼容问题有两种方式
- IE6/IE7/IE8支持通过document方法产生的标签，利用这一特性让这些浏览器支持HTML5新标签。
- 使用是 html5shim框架
# 区分
- 在文档类型声明上不同
- 在结构语义上不同，HTML5 在语义上却有很大的优势