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. ��고 ¶