h5简单布局练习

<body>
<header class="header">
    <h1>XXX公司</h1>
    <nav>
        <a href="#">a</a>
        <a href="#">b</a>
        <a href="#">c</a>
        <a href="#">d</a>
        <a href="#">e</a>
        <a href="#">f</a>
        <span>xxx电话</span>
    </nav>
    <div class="banner"></div>
</header>
<main>
    <aside>
        <section>
            <h3>产品分类</h3>
            <ul>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </section>
        <section>
            <h3>联系我们</h3>
            <ul>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </section>
    </aside>
    <section class="content" >
        <section class="company">
            <h3>公司简介</h3>
            <figure>
                <img src="" alt="">
                <figcation>xxxx</figcation>
            </figure>
        </section>
        <section>
            <h3>应用领域</h3>
        </section>
        <section>
            <h3>产品列表</h3>
            <ul>
                <li><img src="" alt=""></li>
                <li><img src="" alt=""></li>
                <li><img src="" alt=""></li>
            </ul>
        </section>
    </section>
</main>
<footer>
    <div>
        <a href=""></a>
        <a href=""></a>
        <a href=""></a>
        <a href=""></a>
        <a href=""></a>
        <a href=""></a>
    </div>
</footer>
</body>

相关阅读:
pandas 数据结构基础与转换
Python 基础常用
css 横向滚动条webkit-scrollbar
hive mysql 初始化
hive 的理解
hive 踩坑
hbase 调试各种报错
hbase shell常用命令
mysql 性能测试工具 mysqlslap
【CDH学习之一】CDH简介

原文地址：https://www.cnblogs.com/ZGMF/p/7709914.html