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