How to use HTML5 sectional elements
One glorious fellow Matt West c of foggy Albion, who is engaged in freelancing and entrepreneurship, offered us a post: “How to use HTML5 sectional elements”.
The following is his translation.
HTML5 offers a set of sectional elements, using which you add semantic or semantic load to your pages in your markup, thus allowing computer programs to better understand their content.
After reading this post, you will learn how to apply sectional elements on your websites. I will try to explain in what cases it is better to use this or that element and when it is better to resort to the good old
The following is his translation.
HTML5 offers a set of sectional elements, using which you add semantic or semantic load to your pages in your markup, thus allowing computer programs to better understand their content.
After reading this post, you will learn how to apply sectional elements on your websites. I will try to explain in what cases it is better to use this or that element and when it is better to resort to the good old
.
.
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 . -.
, , , , ?
, - , - .')
Source: https://habr.com/ru/post/214407/
All Articles