前言通过上一篇文章，我们已经搭建好了webapp的原型，但是到目前为止，我们的前端界面还是比较简单的。为此，我们需要学习前端的知识，然后完善界面。前端的内容可以分为HTMLCSSJavaScript三部分，我们先学HTMLHTML5IntroductionWhatisHTML5————为什么要学习第五代HTML语言中的H5所有主流浏览器都支持h5，chrome，firefox，safari，IE10+H5改变了用户与文档交互的方式，特别是多媒体，取代了传统的flash，多媒体标签video,audio,canvas添加了其他新特性语义特性，本地存储，web多媒体（音频和视频），二维三维变形、特效（transition、animation）相比h4，摒弃了不合理、不常用的标签和属性，增加了一些标签和属性，h5代码更简洁（,Titlearticle</body>css*{/*padding:0px;margin:0px;*/}header{宽度:100%;高度：100px；背景颜色：红色；}导航{宽度：100%；高度：36px；背景颜色：绿色；}主要{宽度：100%；高度：240px；背景颜色：#ccc;}main>article{宽度：80%;高度：100%；float:left;}main>aside{width:20%;高度：100%；背景色：粉色；浮动：右；}页脚{宽度：100%；高度：80px；(IE)IE9将新的语义标签理解为行级元素，在设置高度时无效，需要在样式中转换为块级元素(block)，如newmain{display:block;}input标签类型属性参考w3schools，HTML黑马程序员2018版Html5+Css3由浅入深教程HTMLInputTypes
