从位置上划分出网页的区域以后,就需要用到网页的内容标签了,比如<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>中使用。
这些内容标签中,可以加入位置标签来进行区域划分。
还有很多其他的表示内容类型的标签,后面的学习实践中再描述。