Geekly Articles each Day

HTML5セクション要素の使用方法

フリーランスと起業家精神に従事している霧のようなアルビオンを持つ1人の栄光の小さなマットウェストは、「HTML5のセクション要素の使用方法」という記事を注目しました。
以下は彼の翻訳です。



HTML5は一連のセクション要素を提供します。これを使用して、マークアップでページにセマンティックまたはセマンティックロードを追加し、コンピュータプログラムがコンテンツをよりよく理解できるようにします。
この投稿を読んだ後、あなたのウェブサイトでセクション要素を使用する方法を学びます。 この要素またはその要素を使用するのが適切な場合と、古き良き時代に頼るほうがよい場合を説明しようとします
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  .
.
.


main
. , - .
(, , ..) .
.

<body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p> </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body>
: ARIA role=”main”, , (, ).
, , , , .

article
, . : , , .

<article> <header> <h1> </h1> <p>: 13 2014</p> </header> <p> ... </p> </article>
. , .

<article> <header> <h1> </h1> <p> : 13 2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>: </p> </footer> <p> </p> </article> <article> <footer> <p> : </p> </footer> <p> ? </p> </article> </section> </article>
, . .

section
() . , .
( – ) .
, , .

<article> <h1> HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article>
, .
, .

nav
. , .

<nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav>
, .

aside
, , . ( ), , .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google 1998 . ...</p> </aside> </article>
, Google . , .

header
-. - , , , ( ) .
, .

<header> <h1> Google Nest</h1> <p>: 13 2014</p> </header>
.

footer
, , , -.

<footer> Copyright Matt West 2014 </footer>
, .

address
HTML. , -. .

<address> <a href="mailto:matt@example.com">Matt West</a> </address>
, .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <footer> <address> <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article>


HTML5 -. .
– -, () .
: . , ARIA . -.
, , , , ?
, - , - .
.
.


main
. , - .
(, , ..) .
.

<body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p> </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body>
: ARIA role=”main”, , (, ).
, , , , .

article
, . : , , .

<article> <header> <h1> </h1> <p>: 13 2014</p> </header> <p> ... </p> </article>
. , .

<article> <header> <h1> </h1> <p> : 13 2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>: </p> </footer> <p> </p> </article> <article> <footer> <p> : </p> </footer> <p> ? </p> </article> </section> </article>
, . .

section
() . , .
( – ) .
, , .

<article> <h1> HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article>
, .
, .

nav
. , .

<nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav>
, .

aside
, , . ( ), , .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google 1998 . ...</p> </aside> </article>
, Google . , .

header
-. - , , , ( ) .
, .

<header> <h1> Google Nest</h1> <p>: 13 2014</p> </header>
.

footer
, , , -.

<footer> Copyright Matt West 2014 </footer>
, .

address
HTML. , -. .

<address> <a href="mailto:matt@example.com">Matt West</a> </address>
, .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <footer> <address> <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article>


HTML5 -. .
– -, () .
: . , ARIA . -.
, , , , ?
, - , - .
.
.


main
. , - .
(, , ..) .
.

<body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p> </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body>
: ARIA role=”main”, , (, ).
, , , , .

article
, . : , , .

<article> <header> <h1> </h1> <p>: 13 2014</p> </header> <p> ... </p> </article>
. , .

<article> <header> <h1> </h1> <p> : 13 2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>: </p> </footer> <p> </p> </article> <article> <footer> <p> : </p> </footer> <p> ? </p> </article> </section> </article>
, . .

section
() . , .
( – ) .
, , .

<article> <h1> HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article>
, .
, .

nav
. , .

<nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav>
, .

aside
, , . ( ), , .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google 1998 . ...</p> </aside> </article>
, Google . , .

header
-. - , , , ( ) .
, .

<header> <h1> Google Nest</h1> <p>: 13 2014</p> </header>
.

footer
, , , -.

<footer> Copyright Matt West 2014 </footer>
, .

address
HTML. , -. .

<address> <a href="mailto:matt@example.com">Matt West</a> </address>
, .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <footer> <address> <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article>


HTML5 -. .
– -, () .
: . , ARIA . -.
, , , , ?
, - , - .
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
       ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  .
.
.


main
. , - .
(, , ..) .
.

<body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p> </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body>
: ARIA role=”main”, , (, ).
, , , , .

article
, . : , , .

<article> <header> <h1> </h1> <p>: 13 2014</p> </header> <p> ... </p> </article>
. , .

<article> <header> <h1> </h1> <p> : 13 2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>: </p> </footer> <p> </p> </article> <article> <footer> <p> : </p> </footer> <p> ? </p> </article> </section> </article>
, . .

section
() . , .
( – ) .
, , .

<article> <h1> HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article>
, .
, .

nav
. , .

<nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav>
, .

aside
, , . ( ), , .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google 1998 . ...</p> </aside> </article>
, Google . , .

header
-. - , , , ( ) .
, .

<header> <h1> Google Nest</h1> <p>: 13 2014</p> </header>
.

footer
, , , -.

<footer> Copyright Matt West 2014 </footer>
, .

address
HTML. , -. .

<address> <a href="mailto:matt@example.com">Matt West</a> </address>
, .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <footer> <address> <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article>


HTML5 -. .
– -, () .
: . , ARIA . -.
, , , , ?
, - , - .
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  .
.
.


main
. , - .
(, , ..) .
.

<body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p> </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body>
: ARIA role=”main”, , (, ).
, , , , .

article
, . : , , .

<article> <header> <h1> </h1> <p>: 13 2014</p> </header> <p> ... </p> </article>
. , .

<article> <header> <h1> </h1> <p> : 13 2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>: </p> </footer> <p> </p> </article> <article> <footer> <p> : </p> </footer> <p> ? </p> </article> </section> </article>
, . .

section
() . , .
( – ) .
, , .

<article> <h1> HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article>
, .
, .

nav
. , .

<nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav>
, .

aside
, , . ( ), , .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google 1998 . ...</p> </aside> </article>
, Google . , .

header
-. - , , , ( ) .
, .

<header> <h1> Google Nest</h1> <p>: 13 2014</p> </header>
.

footer
, , , -.

<footer> Copyright Matt West 2014 </footer>
, .

address
HTML. , -. .

<address> <a href="mailto:matt@example.com">Matt West</a> </address>
, .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <footer> <address> <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article>


HTML5 -. .
– -, () .
: . , ARIA . -.
, , , , ?
, - , - .
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  .
.
.


main
. , - .
(, , ..) .
.

<body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p> </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body>
: ARIA role=”main”, , (, ).
, , , , .

article
, . : , , .

<article> <header> <h1> </h1> <p>: 13 2014</p> </header> <p> ... </p> </article>
. , .

<article> <header> <h1> </h1> <p> : 13 2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>: </p> </footer> <p> </p> </article> <article> <footer> <p> : </p> </footer> <p> ? </p> </article> </section> </article>
, . .

section
() . , .
( – ) .
, , .

<article> <h1> HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article>
, .
, .

nav
. , .

<nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav>
, .

aside
, , . ( ), , .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google 1998 . ...</p> </aside> </article>
, Google . , .

header
-. - , , , ( ) .
, .

<header> <h1> Google Nest</h1> <p>: 13 2014</p> </header>
.

footer
, , , -.

<footer> Copyright Matt West 2014 </footer>
, .

address
HTML. , -. .

<address> <a href="mailto:matt@example.com">Matt West</a> </address>
, .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <footer> <address> <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article>


HTML5 -. .
– -, () .
: . , ARIA . -.
, , , , ?
, - , - .
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
             ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  .
.
.


main
. , - .
(, , ..) .
.

<body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p> </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body>
: ARIA role=”main”, , (, ).
, , , , .

article
, . : , , .

<article> <header> <h1> </h1> <p>: 13 2014</p> </header> <p> ... </p> </article>
. , .

<article> <header> <h1> </h1> <p> : 13 2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>: </p> </footer> <p> </p> </article> <article> <footer> <p> : </p> </footer> <p> ? </p> </article> </section> </article>
, . .

section
() . , .
( – ) .
, , .

<article> <h1> HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article>
, .
, .

nav
. , .

<nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav>
, .

aside
, , . ( ), , .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google 1998 . ...</p> </aside> </article>
, Google . , .

header
-. - , , , ( ) .
, .

<header> <h1> Google Nest</h1> <p>: 13 2014</p> </header>
.

footer
, , , -.

<footer> Copyright Matt West 2014 </footer>
, .

address
HTML. , -. .

<address> <a href="mailto:matt@example.com">Matt West</a> </address>
, .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <footer> <address> <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article>


HTML5 -. .
– -, () .
: . , ARIA . -.
, , , , ?
, - , - .
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  .
.
.


main
. , - .
(, , ..) .
.

<body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p> </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body>
: ARIA role=”main”, , (, ).
, , , , .

article
, . : , , .

<article> <header> <h1> </h1> <p>: 13 2014</p> </header> <p> ... </p> </article>
. , .

<article> <header> <h1> </h1> <p> : 13 2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>: </p> </footer> <p> </p> </article> <article> <footer> <p> : </p> </footer> <p> ? </p> </article> </section> </article>
, . .

section
() . , .
( – ) .
, , .

<article> <h1> HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article>
, .
, .

nav
. , .

<nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav>
, .

aside
, , . ( ), , .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google 1998 . ...</p> </aside> </article>
, Google . , .

header
-. - , , , ( ) .
, .

<header> <h1> Google Nest</h1> <p>: 13 2014</p> </header>
.

footer
, , , -.

<footer> Copyright Matt West 2014 </footer>
, .

address
HTML. , -. .

<address> <a href="mailto:matt@example.com">Matt West</a> </address>
, .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <footer> <address> <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article>


HTML5 -. .
– -, () .
: . , ARIA . -.
, , , , ?
, - , - .
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  .
.
.


main
. , - .
(, , ..) .
.

<body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p> </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body>
: ARIA role=”main”, , (, ).
, , , , .

article
, . : , , .

<article> <header> <h1> </h1> <p>: 13 2014</p> </header> <p> ... </p> </article>
. , .

<article> <header> <h1> </h1> <p> : 13 2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>: </p> </footer> <p> </p> </article> <article> <footer> <p> : </p> </footer> <p> ? </p> </article> </section> </article>
, . .

section
() . , .
( – ) .
, , .

<article> <h1> HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article>
, .
, .

nav
. , .

<nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav>
, .

aside
, , . ( ), , .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google 1998 . ...</p> </aside> </article>
, Google . , .

header
-. - , , , ( ) .
, .

<header> <h1> Google Nest</h1> <p>: 13 2014</p> </header>
.

footer
, , , -.

<footer> Copyright Matt West 2014 </footer>
, .

address
HTML. , -. .

<address> <a href="mailto:matt@example.com">Matt West</a> </address>
, .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <footer> <address> <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article>


HTML5 -. .
– -, () .
: . , ARIA . -.
, , , , ?
, - , - .
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
           . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  .
.
.


main
. , - .
(, , ..) .
.

<body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p> </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body>
: ARIA role=”main”, , (, ).
, , , , .

article
, . : , , .

<article> <header> <h1> </h1> <p>: 13 2014</p> </header> <p> ... </p> </article>
. , .

<article> <header> <h1> </h1> <p> : 13 2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>: </p> </footer> <p> </p> </article> <article> <footer> <p> : </p> </footer> <p> ? </p> </article> </section> </article>
, . .

section
() . , .
( – ) .
, , .

<article> <h1> HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article>
, .
, .

nav
. , .

<nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav>
, .

aside
, , . ( ), , .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google 1998 . ...</p> </aside> </article>
, Google . , .

header
-. - , , , ( ) .
, .

<header> <h1> Google Nest</h1> <p>: 13 2014</p> </header>
.

footer
, , , -.

<footer> Copyright Matt West 2014 </footer>
, .

address
HTML. , -. .

<address> <a href="mailto:matt@example.com">Matt West</a> </address>
, .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <footer> <address> <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article>


HTML5 -. .
– -, () .
: . , ARIA . -.
, , , , ?
, - , - .
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  . 
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  .
.
.


main
. , - .
(, , ..) .
.

<body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p> </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body>
: ARIA role=”main”, , (, ).
, , , , .

article
, . : , , .

<article> <header> <h1> </h1> <p>: 13 2014</p> </header> <p> ... </p> </article>
. , .

<article> <header> <h1> </h1> <p> : 13 2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>: </p> </footer> <p> </p> </article> <article> <footer> <p> : </p> </footer> <p> ? </p> </article> </section> </article>
, . .

section
() . , .
( – ) .
, , .

<article> <h1> HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article>
, .
, .

nav
. , .

<nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav>
, .

aside
, , . ( ), , .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google 1998 . ...</p> </aside> </article>
, Google . , .

header
-. - , , , ( ) .
, .

<header> <h1> Google Nest</h1> <p>: 13 2014</p> </header>
.

footer
, , , -.

<footer> Copyright Matt West 2014 </footer>
, .

address
HTML. , -. .

<address> <a href="mailto:matt@example.com">Matt West</a> </address>
, .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <footer> <address> <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article>


HTML5 -. .
– -, () .
: . , ARIA . -.
, , , , ?
, - , - .
 . 
  . 
  
 
  main 
       . ,            -   . 
      (,  ,     ..)      . 
       . 
 
 <body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p>  </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body> 
 :     ARIA role=”main”,         ,      (,  ). 
        ,      , , ,  . 
 
  article 
      ,           .   : ,   ,  . 
 
 <article> <header> <h1> </h1> <p>: 13  2014</p> </header> <p> ... </p> </article> 
        .   ,        . 
 
 <article> <header> <h1>  </h1> <p> : 13  2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>:  </p> </footer> <p>   </p> </article> <article> <footer> <p> :  </p> </footer> <p>      ? </p> </article> </section> </article> 
       ,         .         . 
 
  section 
      ()  .       ,           . 
    ( – )    . 
      ,    ,         . 
 
 <article> <h1>    HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article> 
              ,   . 
        ,        . 
 
  nav 
              .         ,      . 
 
 <nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav> 
      ,        . 
 
  aside 
     ,     ,      .      (  ),   ,   . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google    1998      .  ...</p> </aside> </article> 
       ,      Google   .      ,      . 
 
  header 
          -.      - ,    , ,      (  )    . 
       ,       . 
 
 <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> 
            . 
 
  footer 
        ,  ,  ,    -. 
 
 <footer> Copyright Matt West 2014 </footer> 
    ,      . 
 
  address 
         HTML.        ,         -.           . 
 
 <address>  <a href="mailto:matt@example.com">Matt West</a> </address> 
       ,        . 
 
 <article> <header> <h1> Google  Nest</h1> <p>: 13  2014</p> </header> <p>...</p> <p>...</p> <footer> <address>  <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article> 
 
  
          HTML5   -.      . 
     –        -,    ()      . 
 :         .   ,      ARIA .            -. 
      ,          ,  ,  ,        ? 
   ,  -      ,    -  .
.
.


main
. , - .
(, , ..) .
.

<body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p> </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body>
: ARIA role=”main”, , (, ).
, , , , .

article
, . : , , .

<article> <header> <h1> </h1> <p>: 13 2014</p> </header> <p> ... </p> </article>
. , .

<article> <header> <h1> </h1> <p> : 13 2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>: </p> </footer> <p> </p> </article> <article> <footer> <p> : </p> </footer> <p> ? </p> </article> </section> </article>
, . .

section
() . , .
( – ) .
, , .

<article> <h1> HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article>
, .
, .

nav
. , .

<nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav>
, .

aside
, , . ( ), , .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google 1998 . ...</p> </aside> </article>
, Google . , .

header
-. - , , , ( ) .
, .

<header> <h1> Google Nest</h1> <p>: 13 2014</p> </header>
.

footer
, , , -.

<footer> Copyright Matt West 2014 </footer>
, .

address
HTML. , -. .

<address> <a href="mailto:matt@example.com">Matt West</a> </address>
, .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <footer> <address> <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article>


HTML5 -. .
– -, () .
: . , ARIA . -.
, , , , ?
, - , - .

.
.


main
. , - .
(, , ..) .
.

<body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p> </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body>
: ARIA role=”main”, , (, ).
, , , , .

article
, . : , , .

<article> <header> <h1> </h1> <p>: 13 2014</p> </header> <p> ... </p> </article>
. , .

<article> <header> <h1> </h1> <p> : 13 2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>: </p> </footer> <p> </p> </article> <article> <footer> <p> : </p> </footer> <p> ? </p> </article> </section> </article>
, . .

section
() . , .
( – ) .
, , .

<article> <h1> HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article>
, .
, .

nav
. , .

<nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav>
, .

aside
, , . ( ), , .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google 1998 . ...</p> </aside> </article>
, Google . , .

header
-. - , , , ( ) .
, .

<header> <h1> Google Nest</h1> <p>: 13 2014</p> </header>
.

footer
, , , -.

<footer> Copyright Matt West 2014 </footer>
, .

address
HTML. , -. .

<address> <a href="mailto:matt@example.com">Matt West</a> </address>
, .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <footer> <address> <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article>


HTML5 -. .
– -, () .
: . , ARIA . -.
, , , , ?
, - , - .

.
.


main
. , - .
(, , ..) .
.

<body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p> </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body>
: ARIA role=”main”, , (, ).
, , , , .

article
, . : , , .

<article> <header> <h1> </h1> <p>: 13 2014</p> </header> <p> ... </p> </article>
. , .

<article> <header> <h1> </h1> <p> : 13 2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>: </p> </footer> <p> </p> </article> <article> <footer> <p> : </p> </footer> <p> ? </p> </article> </section> </article>
, . .

section
() . , .
( – ) .
, , .

<article> <h1> HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article>
, .
, .

nav
. , .

<nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav>
, .

aside
, , . ( ), , .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google 1998 . ...</p> </aside> </article>
, Google . , .

header
-. - , , , ( ) .
, .

<header> <h1> Google Nest</h1> <p>: 13 2014</p> </header>
.

footer
, , , -.

<footer> Copyright Matt West 2014 </footer>
, .

address
HTML. , -. .

<address> <a href="mailto:matt@example.com">Matt West</a> </address>
, .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <footer> <address> <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article>


HTML5 -. .
– -, () .
: . , ARIA . -.
, , , , ?
, - , - .
.
.


main
. , - .
(, , ..) .
.

<body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p> </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body>
: ARIA role=”main”, , (, ).
, , , , .

article
, . : , , .

<article> <header> <h1> </h1> <p>: 13 2014</p> </header> <p> ... </p> </article>
. , .

<article> <header> <h1> </h1> <p> : 13 2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>: </p> </footer> <p> </p> </article> <article> <footer> <p> : </p> </footer> <p> ? </p> </article> </section> </article>
, . .

section
() . , .
( – ) .
, , .

<article> <h1> HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article>
, .
, .

nav
. , .

<nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav>
, .

aside
, , . ( ), , .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google 1998 . ...</p> </aside> </article>
, Google . , .

header
-. - , , , ( ) .
, .

<header> <h1> Google Nest</h1> <p>: 13 2014</p> </header>
.

footer
, , , -.

<footer> Copyright Matt West 2014 </footer>
, .

address
HTML. , -. .

<address> <a href="mailto:matt@example.com">Matt West</a> </address>
, .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <footer> <address> <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article>


HTML5 -. .
– -, () .
: . , ARIA . -.
, , , , ?
, - , - .
.
.


main
. , - .
(, , ..) .
.

<body> <header> <div id="logo"> Rocking Stone</div> <nav>...</nav> </header> <main role="main"> <h1></h1> <p> </p> <article> <h2>Gibson SG</h2> <p>...</p> </article> <article> <h2>Fender Telecaster</h2> <p>...</p> </article> </main> </body>
: ARIA role=”main”, , (, ).
, , , , .

article
, . : , , .

<article> <header> <h1> </h1> <p>: 13 2014</p> </header> <p> ... </p> </article>
. , .

<article> <header> <h1> </h1> <p> : 13 2014</p> </header> <p>...</p> <p>...</p> <p>...</p> <section> <h2></h2> <article> <footer> <p>: </p> </footer> <p> </p> </article> <article> <footer> <p> : </p> </footer> <p> ? </p> </article> </section> </article>
, . .

section
() . , .
( – ) .
, , .

<article> <h1> HTML5</h1> <p>...</p> <section> <h2> main</h2> <p>...</p> </section> <section> <h2> article </h2> <p>...</p> </section> <section> <h2> section</h2> <p>...</p> </section> ... </article>
, .
, .

nav
. , .

<nav> <ul> <li><a href="#chapter-one"> </a> <li><a href="#chapter-two"> </a> <li><a href="#chapter-three"> </a> </ul> </nav>
, .

aside
, , . ( ), , .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <aside> <h1>Google (GOOG)</h1> <p> Google 1998 . ...</p> </aside> </article>
, Google . , .

header
-. - , , , ( ) .
, .

<header> <h1> Google Nest</h1> <p>: 13 2014</p> </header>
.

footer
, , , -.

<footer> Copyright Matt West 2014 </footer>
, .

address
HTML. , -. .

<address> <a href="mailto:matt@example.com">Matt West</a> </address>
, .

<article> <header> <h1> Google Nest</h1> <p>: 13 2014</p> </header> <p>...</p> <p>...</p> <footer> <address> <a href="mailto:matt@example.com">Matt West</a> </address> <p>Copyright Matt West 2014</p> </footer> </article>


HTML5 -. .
– -, () .
: . , ARIA . -.
, , , , ?
, - , - .


Source: https://habr.com/ru/post/J214407/

More articles:


All Articles