HTML5 静态网页规划是指运用 HTML5（超文本符号言语第五版）技能来创立不依赖于服务器端动态内容的网页。这种网页一般只包括 HTML、CSS（层叠样式表）和 JavaScript（一种脚本言语），而且它们的内容在初次加载后不会改动，除非用户改写页面或点击某个链接。

下面是一个简略的 HTML5 静态网页规划的示例：

```html 我的HTML5静态网页 body { fontfamily: '微软雅黑', sansserif; backgroundcolor: f0f0f0; margin: 0; padding: 0; } .container { width: 80%; margin: auto; overflow: hidden; } header { background: 333; color: fff; paddingtop: 30px; minheight: 70px; borderbottom: 0066cc 3px solid; } header a { color: fff; textdecoration: none; texttransform: uppercase; fontsize: 16px; } header ul { padding: 0; liststyle: none; } header li { float: left; display: inline; padding: 0 20px 0 20px; } header branding { float: left; } header branding h1 { margin: 0; } header nav { float: right; margintop: 10px; } header .highlight, header .current a { color: e8491d; fontweight: bold; } header a:hover { color: ffffff; fontweight: bold; } .mainsection { padding: 20px 0; } .mainsection h1 { color: 333; } .mainsection p { color: 666; } footer { background: 333; color: fff; textalign: center; padding: 10px; position: relative; bottom: 0; width: 100%; } 我的网站 主页 关于 联络

欢迎来到我的网站 这是一个简略的HTML5静态网页示例。

版权所有

未经允许不得转载：全栈博客园 » html5静态网页规划,html5静态网页