<!DOCTYPE html> <html lang="en"> <head> <title>Semantic Example</title> </head> <body> <header> <h1>SITE OR PAGE LOGO GOES HERE</h1> </header> <nav> SITE OR PAGE NAV GOES HERE. </nav> <article> <header> <h2>Article Heading</h2> </header> <section> <header> <h3>Section 1 Heading</h3> </header> <p>Section 2 content here.</p> </section> <section> <header> <h3>Section 1 Heading</h3> </header> <p>Section 2 content here.</p> </section> <footer> <p>Article footer goes here.</p> </footer> </article> <footer> SITE OR PAGE FOOTER HERE </footer> </body> </html>
原文：https://www.cnblogs.com/JAYPARK/p/10292700.html