好程序员前端教程-告诉小白：你不知道的HTML5好程序员前端教程-和小白说：你不知道的HTML51.HTML5Concept最新版本，更重要的是制定了一系列的Web应用程序开发标准，成为第一个使用Web作为应用程序开发平台的HTML语言。HTML5定义了一系列新元素，如新的语义标签、智能表单、多媒体标签等，可以帮助开发者创建丰富的互联网应用。同时，它拥有令人眼花缭乱的css3，并提供了一些JavascriptAPI，比如geolocation和gravity。感知、硬件接入等，可以在浏览器中实现原生应用，制作webApps，甚至结合Canvas开发网页游戏。二、HTML5新部件介绍1、新结构标签(1)header(头部)(2)nav(导航)(3)section(主体)(4)asi??de(侧边栏)(5)article(内容)(6）footer（底部）功能：同div，只是增加了语义，方便SEO优化。扩展：SEO优化可以提高网站在搜索引擎中的排名。在实际的前端应用中，我们会使用更多的语义标签，对于一些特殊的字符，我们会使用高权重的标签来包裹网站标识。2.新的智能表单2.1输入表单增加一个新的type属性值：type="email"限制用户输入为Emailtype="url"限制用户输入为URLtype="date"自动生成一个日期控件type="time"同上type="month"同上type="week"同上type="number"限制用户输入必须是数字type="range"生成一个sliderformtype="search"生成一个搜索有意义的表单type="color"生成一个颜色选择表单。智能表单在移动端用的比较多，会调用手机本身的控件。2.2表单智能校验需要=>校验表单是否为空，必须与表单表单模式结合使用=>自定义校验表单规则，匹配正则invalid=>校验失败时触发事件dom.setCustomValidity()=>custompopupContentparameter:string自定义内容2.3表单新增属性placeholder=>placeholdertext，体验更多的autofocus=>自动获取焦点dom.focus()autocomplete=>提交一次后自动完成同时必须有名字attributemultiple=>配合文件控件实现多选表单=>配合form表单的id值实现关联，可以在任意位置提交，但是不建议这样写.2.4智能表单过滤（datalist）类似于Searchhints，输入一个内容会提示关联匹配的hints。它是通过使用表单的list="datalistidvalue"与datalist标签取得联系来实现的。2.5视频和音频标签HTML5中加入了新的video标签来代替flash技术实现视频播放。属性：autoplay=>默认加载完视频后播放；控件=>播放控件
