前端学习小计-H5标签
前言：与实验室同学参加百度前端学院，做了几个任务，做小小的总结如下。
html5标签
html5标签增加了标签的语义化，更有助于爬虫爬取，代码阅读。对比无意义的div span等标签，article aside section等新标签的语义化更有助于文档结构化。
- article：独立的个体，可以是文章，博客等等。语义上article和article间是独立不相关的。
- section：彼此互补的部分，section间是有共同联系，互补的。section间共同构成一个整体。
- header：article的标题部分，可以是标题，作者，时间等等。
- hgroup：当标题部分的标题很多时，用hgroup包起来。只用h标签就能完成就不需要hgroup。
- aside：侧边栏，与article的主体部分相隔离，可以是额外介绍，可以是用户注册等。
- nav：导航栏，放置网站logo，导航列表等等。
- footer：尾注，可以是版权声明，帮助等等。
- caption：表题。可有可无。
- figure：放置图片，内设img标签。
- figcaption：图片标题
- cite/var/code/samp/kbd：引用、变量、代码、范例、键盘输入域
- datalist：输入列表
- time：时间，放置时间等，内有datetime属性
使用html5标签，格式化文档，将大大增加代码可读性。
css布局
block代表块级元素，有宽和高独占一行；inline代表内联元素，无宽和高，不独占；inline-block内联块元素，不独占一行，有宽和高。
position的取值有4中。static：默认，在文档流中；relative：相对于原位置位移，不移出文档流；absolute：相对于父容器位移，移出文档流；fixed，相当于屏幕位移，移出文档流；sticky，综合relative和fixed设置阈值。
完成多栏设置时，可用inline-block,position:absolute,float。其中float适用性最广，inline-block最简洁，position最笨。使用float时，注意清除浮动。