แท็กสำหรับส่วนใน HTML

บล็อกของเว็บไซต์สามารถรวมกันเป็นส่วนได้โดยใช้ แท็ก section:

<section>
	<h2></h2>
	<p>
		
	</p>
	<p>
		
	</p>
</section>
<section>
	<h2></h2>
	<p>
		
	</p>
	<p>
		
	</p>
</section>

ให้โค้ดต่อไปนี้:

<div id="content">
	<h1></h1>
	
	<div class="section">
		<h2></h2>
		<p>
			
		</p>
		<p>
			
		</p>
	</div>
	<div class="section">
		<h2></h2>
		<p>
			
		</p>
		<p>
			
		</p>
	</div>
</div>

แปลงโค้ดนี้โดยใช้แท็กใหม่ ที่คุณได้เรียนรู้

ให้โค้ดต่อไปนี้:

<div id="wrapper">
	<div id="header">
		<div id="logo">
			<img src="" alt="logo">
		</div>
		<div id="menu">
			<a href="#"></a>
			<a href="#"></a>
			<a href="#"></a>
		</div>
	</div>
	<div id="container">
		<div id="left">
			<div class="section">
				section
			</div>
			<div class="section">
				section
			</div>
			<div class="section">
				section
			</div>
		</div>
		<div id="content">
			<h1>main header</h1>

			<div class="section">
				<h2>section header</h2>
				<div>
					<p>
						
					</p>
					<p>
						
					</p>
				</div>
				<div>
					<p>
						
					</p>
					<p>
						
					</p>
				</div>
			</div>
			<div class="section">
				<h2>section header</h2>
				<div>
					<p>
						
					</p>
					<p>
						
					</p>
				</div>
				<div>
					<p>
						
					</p>
					<p>
						
					</p>
				</div>
			</div>
		</div>
		<div id="right">
			<div class="section">
				section
			</div>
			<div class="section">
				section
			</div>
			<div class="section">
				section
			</div>
		</div>
	</div>
	<div id="footer">
		footer
	</div>
</div>

แปลงโค้ดนี้โดยใช้แท็กใหม่ ที่คุณได้เรียนรู้