以下は彼の翻訳です。
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 . -.
, , , , ?
, - , - .
.
.
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 . -.
, , , , ?
, - , - .