Hybrid的HTML结构

索引


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="layout_hybrid.css" rel="stylesheet" type="text/css" />
<link href="layout_style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.e2 { display:block; }
</style>
</head>

<body class="hybrid">
<div id="bhead">
	<div class="container">
		<div class="filling">
			<h1>Header</h1>
			<hr />
			<div class="extension">
				<ul>
					<li>About W3C</li>
					<li>About W3C Membership</li>
					<li>W3C Supporters Program</li>
					<li>Introduction to Web Site</li>
					<li>Search, Site Index, Keywords</li>
					<li>Mail Archive Search</li>
					<li>FAQs</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- ########## ########## ########## 注释 ########## ########## ########## -->
<div id="bbody" class="ece">
	<div class="container">
		<div class="filling">
			<div id="content">
				<h2>Content</h2>
				<div class="section">
					<h3>W3C Develops Web Standards and Guidelines</h3>
					<p><img src="img/c.gif" width="200" height="150" id="preview" class="preview" alt="Dynamic Layout Preview" />W3C primarily pursues its mission through the creation of Web standards and guidelines. Since 1994, W3C has published more than 110 such standards, called W3C Recommendations. W3C also engages in education and outreach, develops software, and serves as an open forum for discussion about the Web. In order for the Web to reach its full potential, the most fundamental Web technologies must be compatible with one another and allow any hardware and software used to access the Web to work together. W3C refers to this goal as "Web interoperability." By publishing open (non-proprietary) standards for Web languages and protocols, W3C seeks to avoid market fragmentation and thus Web fragmentation.</p>
					<p>Tim Berners-Lee and others created W3C as an industry consortium dedicated to building consensus around Web technologies. Mr. Berners-Lee, who invented the World Wide Web in 1989 while working at the European Organization for Nuclear Research (CERN), has served as the W3C Director since W3C was founded, in 1994.</p>
				</div>
				<div class="section"> Section </div>
			</div>
			<hr />
			<div class="extension e1">
				<div class="section">
					<h2>Extension 1</h2>
					<ul>
						<li>About W3C</li>
						<li>About W3C Membership</li>
						<li>W3C Supporters Program</li>
						<li>Introduction to Web Site</li>
						<li>Search, Site Index, Keywords</li>
						<li>Mail Archive Search</li>
						<li>FAQs</li>
					</ul>
				</div>
				<div class="section">
					<h2>Extension 1</h2>
					<ul>
						<li>About W3C</li>
						<li>About W3C Membership</li>
						<li>W3C Supporters Program</li>
						<li>Introduction to Web Site</li>
						<li>Search, Site Index, Keywords</li>
						<li>Mail Archive Search</li>
						<li>FAQs</li>
					</ul>
				</div>
				<div class="section">
					<h2>Extension 1</h2>
					<ul>
						<li>About W3C</li>
						<li>About W3C Membership</li>
						<li>W3C Supporters Program</li>
						<li>Introduction to Web Site</li>
						<li>Search, Site Index, Keywords</li>
						<li>Mail Archive Search</li>
						<li>FAQs</li>
					</ul>
				</div>
			</div>
			<hr />
			<div class="extension e2">
				<div class="section">
					<h2>Extension 2</h2>
					<ul>
						<li>About W3C</li>
						<li>About W3C Membership</li>
						<li>W3C Supporters Program</li>
						<li>Introduction to Web Site</li>
						<li>Search, Site Index, Keywords</li>
						<li>Mail Archive Search</li>
						<li>FAQs</li>
					</ul>
				</div>
				<div class="section">
					<h2>Extension 2</h2>
					<ul>
						<li>About W3C</li>
						<li>About W3C Membership</li>
						<li>W3C Supporters Program</li>
						<li>Introduction to Web Site</li>
						<li>Search, Site Index, Keywords</li>
						<li>Mail Archive Search</li>
						<li>FAQs</li>
					</ul>
				</div>
				<div class="section">
					<h2>Extension 2</h2>
					<ul>
						<li>About W3C</li>
						<li>About W3C Membership</li>
						<li>W3C Supporters Program</li>
						<li>Introduction to Web Site</li>
						<li>Search, Site Index, Keywords</li>
						<li>Mail Archive Search</li>
						<li>FAQs</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- ########## ########## ########## 注释 ########## ########## ########## -->
<div id="bfoot">
	<div class="container">
		<div class="filling">
			<div class="extension">
				<ul>
					<li>About W3C</li>
					<li>About W3C Membership</li>
					<li>W3C Supporters Program</li>
					<li>Introduction to Web Site</li>
					<li>Search, Site Index, Keywords</li>
					<li>Mail Archive Search</li>
					<li>FAQs</li>
				</ul>
			</div>
			<hr />
			<address>
			Powerd by <a href="http://bubujie.net/">BuBuJie</a>.
			</address>
		</div>
	</div>
</div>
</body>

</html>

Last edited Aug 2, 2011 at 9:59 AM by bubujie, version 4

Comments

No comments yet.