分享10段实用的HTML5代码.docVIP

分享10段实用的HTML5代码 摘要：目前，越来越多的网站使用HTML5进行开发，本文提供了10段HTML5代码，它们可以帮你快速启动HTML5项目。 随着HTML5的流行，许多网站开始介绍HTML5元素和属性的用法，以及各种教程，并且越来越多老的浏览器开始兼容HTML5。 本文作者编译了10段非常实用的HTML5代码片段，开发者可以直接拿过去使用，帮你快速完成HTML5项目的开发工作，你也可以把它们当做一个学习资源，进行参考。 1.HTML5编写的CSS Reset CSS Reset也可以写成Reset CSS，即重设浏览器样式。 /* nbsp; nbsp; nbsp; Reset Stylesheet (Eric Meyer s Reset Reloaded + HTML5 baseline) nbsp; nbsp;v1.4 2009-07-27 | Authors: Eric Meyer Richard Clark nbsp; nbsp;/html-5-reset-stylesheet/*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, nbsp;hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; article, aside, figure, footer, header, hgroup, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content: content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } /* tables still need cellspacing=“0” in the markup */ table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /* END RESET CSS */ 2.HTML5 Video with Flash Fallback 解释下该段代码，如果浏览器不支持HTML5视频播放，那么会自动跳回Flash播放。 video width=“640” height=“360” controls source src=“__VIDEO__.MP4” type=“video/mp4” / source src=“__VIDEO__.OG