Html5基础学习整理

1. html如何实现语义化

1.1尽可能少的使用无语义的标签div和span;

1.2在语义不明显时，既可以使用div或者p时，尽量用p，因为p在默认情况下有上下文间距，对兼容特殊终端有利；

1.3不要使用纯样式标签，如：b、font、u等，改用css设置；

1.4需要强调的文本，可以包含在strong或者em标签中（浏览器预设的样式）；strong和b都是加粗，em和i都是倾斜；

1.5使用表格时：标题要用caption，表头要用thead，主体用tbody，尾部用tfoot，表头和一般单元格要区分开，表头用th,单元格用td;

1.6表单域要用fieldset标签，单元格用td;

1.7每个input标签对应的说明文本都需要用label，并且通过为ingput设置id属性，在label标签中设置for=someld来让文本和对应的ingput关联起来

2. Html语义化的理解

2.1正确的标签做正确的事；

2.2页面内容结构化，结构清晰；

2.3便于浏览器的爬虫搜索；

2.4在没有css的情况下也是以文档形式展现，便于阅读；

2.5有利于开发者阅读、理解和维护

3. 文档声明类型doctype的作用，严格模式和混杂模式的区别

3.1严格模式的排版和js运作模式是按照浏览器的最大支持化来运行；

3.2混杂模式是以宽松的向后兼容模式运行，模拟老式浏览器运行模式来防止站点停止工作；

3.3doctype不存在或格式不正确的情况下会导致文档以混杂模式呈现；

Link和import的区别

1. link属于XHml标签，import属于css；

2. 加载顺序不同，link同时加载，import页面完成后再加载；

3. Link无兼容问题，import需要IE5+;

4. Link的权重高于import；

Ifame的缺点

1. 搜索引擎的爬虫无法解读这种页面；

2. 页面样式很混乱容易让人迷惑；

Html5 的离线存储和工作原理

1. localStorage  长期存储，数据不会随着浏览器关闭而消失；

2. SessionStorage 会话存储，数据随浏览器关闭清空