W3CAPI 实例工具箱
运行代码
源代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5 新语义元素标签 aside实例</title> <meta name="description" content="此页面展示HTML5中新语义元素标签 aside实例(语义标签<aside> 标签定义页面主区域内容之外的内容(比如侧边栏))的实例代码,W3CAPI实例演示工具箱,提供了前端(HTML、HTML5、Javascript、CSS、CSS3)实例演示和在线代码编辑、运行功能。用户使用此工具箱可以更清楚的了解代码的实现效果和实现逻辑。" /> </head> <body> <article style="border: 1px solid #ddd; padding: 5px;"> <section> <h1>我是主标题</h1> <p> 我是主内容<br/> 我是主内容<br/> 我是主内容<br/> 我是主内容<br/> </p> </section> </article> <aside style="position:absolute;right: 10px;top:10px; border: 1px solid #ddd; padding: 5px;"> <h4>我是页面推荐内容标题</h4> <p>我是页面推荐内容主体</p> </aside> </body> </html>
运行结果
友情提示
您正在使用的浏览器为IE浏览器,或者使用了IE模式
如果你使用的是IE浏览器,建议您下载
360急速浏览器
/
火狐浏览器
/
Opera浏览器