首页 > 代码库 > html5与css3学习实践--基础的内容划分标签
html5与css3学习实践--基础的内容划分标签
从位置上划分出网页的区域以后,就需要用到网页的内容标签了,比如<article>、<aside>、<nav>、<p>、<h1>等。网页中,这些内容标签和位置标签交错在一起,比如像下面这样:
Html代码
- <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学习实践--基础的内容划分标签
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。