`
peizhyi
  • 浏览: 29549 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

html5与css3学习实践--基础的内容划分标签

阅读更多

从位置上划分出网页的区域以后，就需要用到网页的内容标签了，比如<article>、<aside>、<nav>、<p>、<h1>等。网页中，这些内容标签和位置标签交错在一起，比如像下面这样：

     <body>
        <header>
            <h1>Body Title</h1>
            <nav>
                导航栏
            </nav>
        </header>
        <section id="left">
            <header>
                区域头
            </header>
            <article>
                <header>
                    文章头
                </header>
                <p>段落一</p>
                <p>段落二</p>
                <aside>
                    侧边栏
                </aside>
                <footer>
                    文章尾
                </footer>
            </article>
            <footer>
                区域尾
            </footer>
        </section>
        <section id="right">
            <header>
                区域头
            </header>
            <nav>
                右侧导航栏
            </nav>
        </section>
        <footer>
            <p>Copy Right.</p>
        </footer>
    \</body>

 其中，

<article>：代表一篇独立的正文内容，一般还会按照位置标签划分出头、尾、区域等；

<aside>：指与段落内容、正文内容相关的侧边栏，一般在<article>中使用；

<nav>：指导航内容；

<p>：指独立的段落，一般在<article>中使用；

<h1>：指标题，一般在<header>中使用。

这些内容标签中，可以加入位置标签来进行区域划分。

还有很多其他的表示内容类型的标签，后面的学习实践中再描述。

分享到：
| html5与css3学习实践--网页主体的位置划分 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics