对阵Flash 实战HTML 5技巧之页面设计

在上一篇文章《对阵Flash 实战HTML 5技巧之页面布局》中我们给大家介绍了一个符合HTML5标准的网页的设计过程，在本篇文章中，我们紧接上一篇的内容，继续踏上HTML5之旅。
　　文章的评论区域
　　在文章后的读者评论区域中，我们使用的是sections标签，如下：
<section id="comments">
<h1> 3 Comments
<article class="comment">
<div class="comment-meta" id="comment-1">
<a href="" rel="external nofollow">Homer Simps on
<img src="" alt="" class="avatar"
/>
<time datetime="" pubdate>

　　在id为comments的section区域内，存放的是读者的所有评论，每一条评论都被设置放在内，在标签内，再使用div及相关样式进行了设置修饰。
　　页面的footer div部分
　　在评论区域后，是广告区域，这里我们设计一个大的div层，如下图：

　　其代码结构如下：
<div id="footer">
<aside class="sub-footer">
<h1>
<p>
<ul>
<li><a href="">
<li><a href="">
<li><a href="">
<li><a href="">

详细说明：http://html5.662p.com/thread-52-1-1.html

转载于:https://www.cnblogs.com/meirenjiawen/p/4075609.html

对阵Flash 实战HTML 5技巧之页面设计相关推荐

计算机页面的滚动栏怎么拉长,长滚动网页页面设计技巧
长滚动网页页面设计技巧长滚动页面和无限滚动式的网页已经彻底流行开来了,甚至可以说它已经脱离趋势,成为了一种常规的设计,下面是小编分享的长滚动网页页面设计技巧,一起来看一下吧. 长滚动式的页面有着如下 ...
php获取页面的可视内容高度,网页制作技巧:获取页面可视区域的高度_css
文章简介:获取页面可视区域高度,获取页面高度,获取滚动条滚动上去的页面高度. function getWH(){ var wh = {}; "Height Width".repla ...
为SSD加速实战4KB对齐技巧1/3
本篇文章分块 ※为SSD加速实战4KB对齐技巧1/3 ※为SSD加速实战4KB对齐技巧2/3 ※为SSD加速实战4KB对齐技巧3/3 载入游戏仅需几秒,这让固态硬盘SSD成为大家喜欢的存储利器. ...
为SSD加速实战4KB对齐技巧2/3
本篇文章分块 ※为SSD加速实战4KB对齐技巧1/3 ※为SSD加速实战4KB对齐技巧2/3 ※为SSD加速实战4KB对齐技巧3/3 方法二:用Windows7安装光盘对齐如果电 ...
为SSD加速实战4KB对齐技巧3/3
本篇文章分块 ※为SSD加速实战4KB对齐技巧1/3 ※为SSD加速实战4KB对齐技巧2/3 ※为SSD加速实战4KB对齐技巧3/3 方法三:在Windows XP中对齐如果你是W ...
UNIAPP实战项目笔记43 购物车页面修改收货地址和修改默认地址
UNIAPP实战项目笔记43 购物车页面修改收货地址和修改默认地址实际案例图片修改收货地址和修改默认地址页面布局和功能具体内容图片自己替换哈,随便找了个图片的做示例用到了vuex的状态机,具体 ...
matlab中Cci,CCI指标实战操作中使用技巧
原标题:CCI指标实战操作中使用技巧股到了较高地步,已经忘记了什么什么价.量.趋势,更不用说什么形态.划线了,一切都凝固在一眼而确定的反射中.反射!一眼而已!什么理论都是多余.炒股要先学好技术,积累 ...
Vue + Spring Boot 项目实战（七）：导航栏与图书页面设计
本篇目录前言一.导航栏的实现 1.路由配置 2.使用 NavMenu 组件二.图书管理页面 1.LibraryIndex.vue 2.SideMenu.vue 3.Books.vue 前言之前 ...
【PBL项目实战】户外智慧农场项目实战系列——3.云端可视化页面开发及设备数据源的配置与调试
[PBL项目实战]户外智慧农场项目实战系列--3.云端可视化页面开发及设备数据源的配置与调试原文链接 https://mp.weixin.qq.com/s/5OT57-_QlN7lwRMWvey4 ...

对阵Flash 实战HTML 5技巧之页面设计

对阵Flash 实战HTML 5技巧之页面设计相关推荐

最新文章

热门文章