• 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

最新HTML5页面模板

OC/C/C++ 水墨上仙 3008次浏览

最新HTML5标准的网页设计模板,包含了常用的布局元素

<!doctype html>
<!-- I  HTML 5 -->
<html lang="en">
<head>
	<title>New Document</title>
	<meta charset="UTF-8" />
</head>
<body>
	<div id="site-container">
		<header id="site-header">
			<div class="logo">
				<a href=""><img src="" alt="" title="" /></a>
			</div>
			<hgroup>
				<h1></h1>
				<h2></h2>
			</hgroup>
			<nav>
				<ul>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
				</ul>
			</nav>
		</header>
		<section id="site-page">
			<section id="page-content">
				<header>
					<h1></h1>
				</header>
				<div class="content">
					<h2></h2>
					<p></p>
					<p></p>
					<p></p>
				</div>
			</section>
			<aside>
				<h2></h2>
				<ul>
					<li class="module">
						<h3 class="module-title"></h3>
						<div class="module-block"></div>
					</li>
					<li class="module">
						<h3 class="module-title"></h3>
						<div class="module-block"></div>
					</li>
					<li class="module">
						<h3 class="module-title"></h3>
						<div class="module-block"></div>
					</li>
				</ul>
			</aside>
			<footer>
				<p></p>
			</footer>
		</section>
		<footer id="site-footer" class="phat-footer">
			<ul>
				<li></li>
				<li></li>
				<li></li>
			</ul>
			<ul>
				<li></li>
				<li></li>
				<li></li>
			</ul>
			<ul>
				<li></li>
				<li></li>
				<li></li>
			</ul>
			<p></p>
		</footer>
	</div>
</body>
</html>


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明最新HTML5页面模板
喜欢 (0)
加载中……