最佳的 HTML5 页面 DOM 结构

最新推荐文章于 2024-04-03 00:36:27 发布

张国亮

最新推荐文章于 2024-04-03 00:36:27 发布

阅读量632

点赞数

分类专栏： HTML5

HTML5 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

 
  <!DOCTYPE HTML>
 
  
 
<html>
 
  
 
    <head>
 
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
        <title>Website Title</title>
 
    </head>
 
  
 
    <body>
 
  
 
        <header>
 
            <nav>
 
                <ul>
 
                    <li>Home</li>
 
                    <li>Contact</li>
 
                </ul>
 
            </nav>
 
        </header>
 
  
 
        <section>
 
  
 
            <article>
 
                <header>
 
                    <h2>Title Goes here</h2>
 
                    <p>Posted on <time datetime="2012-07-28T13:00:24+01:00">July 28th 2012</time> by <a href="#">Author</a> - <a href="#comments">12 comments</a></p>
 
                </header>
 
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 
            </article>
 
  
 
            <article>
 
                <header>
 
                    <h2>Article title</h2>
 
                    <p>Posted on <time datetime="2012-07-26T13:00:24+01:00">July 26th 2012</time> by <a href="#">Author</a> - <a href="#comments">9 comments</a></p>
 
                </header>
 
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 
            </article>
 
  
 
        </section>
 
  
 
        <aside>
 
            <h2>Contact Us</h2>
 
            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
 
        </aside>
 
  
 
        <footer>
 
            <p>Copyright 2012 DigiMantra Labs ©</p>
 
        </footer>
 
  
 
    </body>
 
  
 
</html>