html5页面结构
2012-12-26 13:28
239 查看
<!DOCTYPE html> <html> <!--创建文头--> <head> <title>HTML5页面结构</title> <meta charset = "UTF-8" /> <span style="color:red;font-style:italic;"> 这里是页头</span> <hr> </head> <body> <!--创建旁注--> <aside style="font-size:larger;font-style:italic;color:blue;float:right;width:120px;"> HTML5页面使用旁注. </aside> <!--创建导航--> <nav> <a href="/Baking/" target="_blank">导航1</a> | <a href="/ingredients/" target="_blank">导航2</a> | <a href="/mixing/" target="_blank">导航3</a> | <a href="/toppings/" target="_blank">导航4</a> </nav> <!--插入图片--> <figure> <img src="picture.jpg" width="170" height="128" /> </figure> <!--[h1]至[h6]元素--> <hgroup draggable="true"> <h1>h1</h1> <h2>h2</h2> <h2>h3</h2> </hgroup> <p> This specification defines the 5th major version, first minor revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). </p> <p> In this version, new features continue to be introduced to help Web application authors, new elements continue to be introduced based on research into prevailing authoring practices, and special attention continues to be given to defining clear conformance criteria for user agents in an effort to improve interoperability. </p> <!--将文档分成不同区域--> <article> <section id="mixing"> <h2>The proper way to mix ingredients</h2> <p>When using a stand-mixer, it is important that you do not over mix the ingredients...</p> </section> <section id="baking"> <h2>Proper baking techniques</h2> <p> It is important that you bake your cheesecake using a lot of moisture in the oven...</p> </section> </article> </body> <!--创建文脚--> <footer> © 2012 - fwwdn - All rights reserved </footer> </html>
相关文章推荐
- 最佳的 HTML5 页面 DOM 结构
- 最佳的 HTML5 页面 DOM 结构
- HTML5页面结构模板
- 初学HTML5---页面结构
- html5标签 页面结构和表单
- [举重若轻]html5 history api实现单页面结构
- HTML5 移动Web App阅读器-4(页面基本结构开发)
- 最佳的 HTML5 页面 DOM 结构
- 一个简单的html5页面在线速成工具!(当然本文主要说下他的成果的结构)
- 最佳的 HTML5 页面 DOM 结构
- HTML5新结构标签和移动端页面布局
- 学习 HTML5-页面结构(1)
- HTML5 语义元素(一)页面结构
- HTML5 - 页面结构相关的新语义元素汇总
- 最佳的 HTML5 页面 DOM 结构
- Html5(2)新增的结构元素 及 新增页面元素
- 最佳的 HTML5 页面 DOM 结构
- HTML5打开本地app应用的方法,如果你的手机上安装App,就会自动打app,否则在页面上会提示你进行下载app
- iframe结构的项目,登录页面嵌套
- html5 父页面调用子页面js方法