1. �� 마�� ¶

�� 리�� 를 논리�� 본 ��
문�� 내 �� 내�� 미�� 는 �� element들
section, article
outline
- ��

1.1. �� ¶

�� 를 �� 는 ��
�� 는 범��를 �� 는 div를 ��
article ��를 �� 말 ��는 ��를 �� 리�� 능�� 따��
aside는 �� 문��

1.2. HTML5�� 문�� ¶

1.2.1. before HTML5 ¶

[GIF external image]

1.2.2. HTML5 ¶

[GIF external image]

2. �� ¶

2.1. section ¶

범��

2.1.1. section ��목 ¶

��만 �� 능
��러 ��목�� 묶�� 만들�� <hgroup> �� 능
�� 목�� 면 ��묵�� . ��런데 ��떤 �� 모른��.

2.1.2. section root ¶

�� 독립�� 는 ��들
body, fieldset(�� 룹), td, figure, blockquote
- body�� section root��. HTML5�� 는 모�� section�� 는 �� 능
밖�� 는 �� 는��.

2.1.3. section additional info ¶

address
- 바�� 부모 article�� body �� 보
```
<article>
contents
<address>
<a href="mailto:smaple@example.com">name</a>
</address>
</article>
```
time

<article>
...contents...
<time datetime="2009-10-05" pubdate>10��� 5���</time>
</article>

2.1.4. section header & footer ¶

2.2. article ¶

블�� 본문등 ��른 부�� 부�� 독립��
article ��만 ��내�� 는��
�� 능. �� article�� 밖�� article�� 밀�� .

2.3. aside ¶

내�� 리�� 문��는 ��

2.4. nav ¶

��
내부는 ��떻�� 는�� . �� ul, li �� .

2.5. FIGURE ¶

figure ��를 ��면 �� 를 ��리�� 붙�� .

<figure>

   <img src="./figure.jpg" alt="figure image" />

    <figcaption> This is a figure</figcaption>

</figure>

3. �� ¶

3.1. section&section ¶

~HTML
    <article>
      본문.
      <section>
        <article>
          댓���.
        </article>
        <article>
          댓���2.
        </article>
      </section>
    </article>

3.2. css check ¶

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>beonit</title>
  </head>
  <body>
    <h1> body header </h1>
    <section>
      <h2> section header </h2>
      <blockquote>
        <h3>block section</h3>
        <section>
          section content
        </section>
      </blockquote>
      <section>
        second section
      </section>
    </section>
    <footer>
      beonit
    </footer>
    <aside>
      test aside
    </aside>
  </body>
</html>

html5/outline

Contents

1. �� 마�� ¶

1.1. �� ¶

1.2. HTML5�� 문�� ¶

1.2.1. before HTML5 ¶

1.2.2. HTML5 ¶

2. �� ¶

2.1. section ¶

2.1.1. section ��목 ¶

2.1.2. section root ¶

2.1.3. section additional info ¶

2.1.4. section header & footer ¶

2.2. article ¶

2.3. aside ¶

2.4. nav ¶

2.5. FIGURE ¶

3. �� ¶

3.1. section&section ¶

3.2. css check ¶

4. �� ¶

html5/outline

Contents

1. ��������������� ��������� 마������ ¶

1.1. ������ ������ ¶

1.2. HTML5��� ������ 문������ ������ ¶

1.2.1. before HTML5 ¶

1.2.2. HTML5 ¶

2. ������ ¶

2.1. section ¶

2.1.1. section ���목 ¶

2.1.2. section root ¶

2.1.3. section additional info ¶

2.1.4. section header & footer ¶

2.2. article ¶

2.3. aside ¶

2.4. nav ¶

2.5. FIGURE ¶

3. ������ ¶

3.1. section&section ¶

3.2. css check ¶

4. ������ ¶

1. �� 마�� ¶

1.1. �� ¶

1.2. HTML5�� 문�� ¶

2. �� ¶

2.1.1. section ��목 ¶

3. �� ¶

4. �� ¶