aside์ article์ ํจ๊ป ์ฌ์ฉํ ์์
<body>
<article>
<h1>Main Article Content</h1>
<p>This is the main content of the article. It contains the primary information and details on the topic being discussed.</p>
</article>
<aside>
<h2>Related Articles</h2>
<ul>
<li><a href="#">Related Article 1</a></li>
<li><a href="#">Related Article 2</a></li>
<li><a href="#">Related Article 3</a></li>
</ul>
</aside>
</body>
aside์ section์ ํจ๊ป ์ฌ์ฉํ ์์
<body>
<section>
<h1>Section Main Content</h1>
<p>This is the main content of the section. It covers a specific part of the content that can be logically grouped together.</p>
</section>
<aside>
<h2>Additional Information</h2>
<p>This aside contains additional information related to the section above. It can include links, references, or other supplementary material.</p>
</aside>
</body>
์ค๋ช
- aside์ article ์์ :
- article ํ๊ทธ๋ ๋
๋ฆฝ์ ์ธ ์ฝํ
์ธ ๋ธ๋ก์ ๋ํ๋ด๋ฉฐ, ์ฃผ๋ก ๋ธ๋ก๊ทธ ํฌ์คํธ, ๋ด์ค ๊ธฐ์ฌ ๋ฑ์ ์ฃผ์ ์ฝํ
์ธ ๋ฅผ ๋ด์ต๋๋ค.
- aside ํ๊ทธ๋ ์ด ์ฃผ ์ฝํ
์ธ ์ ๊ด๋ จ๋ ๋ณด์กฐ ์ ๋ณด๋ฅผ ์ ๊ณตํฉ๋๋ค. ์ฌ๊ธฐ์๋ ๊ด๋ จ ๊ธฐ์ฌ ๋ชฉ๋ก์ ํฌํจํ๊ณ ์์ต๋๋ค.
- aside์ section ์์ :
- section ํ๊ทธ๋ ์ฝํ
์ธ ์ ๋
ผ๋ฆฌ์ ์ธ ๊ตฌ์ญ์ ๋ํ๋ด๋ฉฐ, ๊ด๋ จ๋ ์ฝํ
์ธ ๋ฅผ ๊ทธ๋ฃนํํ๋ ๋ฐ ์ฌ์ฉ๋ฉ๋๋ค.
- aside ํ๊ทธ๋ ์ด ๊ตฌ์ญ๊ณผ ๊ด๋ จ๋ ์ถ๊ฐ ์ ๋ณด๋ฅผ ์ ๊ณตํฉ๋๋ค. ์ฌ๊ธฐ์๋ ๊ด๋ จ ์ ๋ณด๋ฅผ ํฌํจํ๊ณ ์์ต๋๋ค.
