New Semantic Elements in HTML 5 header nav

New Semantic Elements in HTML 5 • • <header> <nav> <section> <article> <aside> <figcaption>

HTML 5 <section> Element • ตวอยาง <section> <h 1>SNRU</h 1> <p>Sakon nakon Rajabhat University</p>

HTML 5 <article> Element • Examples of where an <article> element can be used:

HTML 5 <nav> Element <!DOCTYPE html> <body> <nav> <a href="/html/">HTML</a>| <a href="/css/">CSS</a> | <a

HTML 5 <aside> Element <html> <body> <p>My family and I visited The Epcot center

HTML 5 <header> Element <html> <body> �� <article> <header> <h 1>Internet Explorer 9</h 1>

HTML 5 <footer> Element <html> <body> <footer> <p>Posted by: Hege Refsnes</p> <p><time pubdatetime="2012 -0301"></time></p>

Slides: 98

Download presentation

New Semantic Elements in HTML 5 • • <header> <nav> <section> <article> <aside> <figcaption> <figure> <footer>

HTML 5 <section> Element • ตวอยาง <section> <h 1>SNRU</h 1> <p>Sakon nakon Rajabhat University</p> </section>

HTML 5 <article> Element • Examples of where an <article> element can be used: – – Forum post Blog post News story Comment <html> <body> <article> <h 1>Internet Explorer 9</h 1> <p>Windows Internet Explorer 9 (abbreviated as IE 9) was released to the public on March 14, 2011 at 21: 00 PDT. . . </p> </article> </body> </html>

HTML 5 <aside> Element <html> <body> <p>My family and I visited The Epcot center this summer. </p> <aside> <h 4>Epcot Center</h 4> <p>The Epcot Center is a theme park in Disney World, Florida. </p> </aside> </body> </html> • �� My family and I visited The Epcot center this summer. Epcot Center The Epcot Center is a theme park in Disney World, Florida.

HTML 5 <header> Element <html> <body> �� <article> <header> <h 1>Internet Explorer 9</h 1> <p><time pubdatetime="2011 -0315"></time></p> </header> <p>Windows Internet Explorer 9 (abbreviated as IE 9) was released to the public on March 14, 2011 at 21: 00 PDT. . . </p> </article> Internet Explorer 9 Windows Internet Explorer 9 (abbreviated as IE 9) was released to the public on March 14, 2011 at 21: 00 PDT. . . </body> </html>

HTML 5 <aside> Element <html> <body> <p>My family and I visited The Epcot center this summer. </p> <aside> <h 4>Epcot Center</h 4> <p>The Epcot Center is a theme park in Disney World, Florida. </p> </aside> </body> </html> �� My family and I visited The Epcot center this summer. Epcot Center The Epcot Center is a theme park in Disney World, Florida.

HTML 5 <footer> Element <html> <body> <footer> <p>Posted by: Hege Refsnes</p> <p><time pubdatetime="2012 -0301"></time></p> </footer> </body> </html> �� Posted by: Hege Refsnes