HTML

HTML5代码结构

HTML5代码结构


HTML4基本结构图

BODY标签部分

HTML4代码结构

<html>
    <head>
       <title>网页标题</title>
    </head>
    
    <!-- 主体部分-->
    <body>
    <h1>文章标题</h1>
    <p>这是一个段落</p>
    </body>
    
</html>

HTML5基本结构图

HTML5代码结构

<!DOCTYPE HTML>
  
<html>
  
    <head>
        <!-- 实用元标记-->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>网页标题</title>
    </head>
  
    <body>
        <!--网页首部-->
        <header>
            <!--导航栏-->
            <nav>
                <ul>
                    <li>首页</li>
                    <li>联系我们</li>
                </ul>
            </nav>
        </header>
      
            <!--<article> 标签规定独立的自包含内容-->
            <article>
                 <!-- <section> 标签定义文档中的节(section、区段) -->
                <section>
                    <p>这是一个段落</p>
                </section>
            </article>
  
        <!--侧边栏-->
        <aside>
            <h2>联系我们</h2>
            <p>这是一个段落</p>
        </aside>
  
        <!--底部-->
        <footer>
            <p>Copyright 2012 DigiMantra Labs ©</p>
        </footer>
  
    </body>
  
</html>

(0)

本文由 SilenceLee的学习笔记 作者:silencelee 发表,转载请注明来源!

热评文章

发表评论

解决 : *
36 ⁄ 18 =