HTML网页常用标签
（1）DIV标签
（2）header标签
（3）nav标签
（4）section标签
（5）article标签
（6）aside标签
（7）footer标签
（8）hgroup标签
（9）figure标签和figcaption标签
（1）DIV标签
是用于分组HTML得块级元素。可以相互嵌套。
语法格式<div>模块内容</div>
<body>
<div align="center">
<div id="header">内容</div>
<div id="nav">内容</div>
<div id="banner">内容</div>
<div id="section">内容<!---这是一个容器，里面有嵌套<div>---->
<div id="news">内容</div>
<div id="article"></div>
<div id="aside"></div>
</div>
<div id="footer"></div>
<div>
</body>
示例:
<body>
<div align="center">
<div id="header">静夜思</div>
<div id="nav">桃花源</div>
<div id="banner">将进酒</div>
<div id="content">
<div id="left" align="left" style="width:20# 0F6">举头望明月</div>
<div id="center">低头思故乡</div>
<div id="right">哈哈哈哈哈</div>
</div>
</div>
</body>
(2)header标签
定义文档得页眉，通常是一些引导和导航信息。
位置：在网页头部和网页里面都可以。
它可以包含<div>标签，还可以包含表格内容，标识，搜索表单，<nav>导航。header至少要包括一个标题元素或一个hgroup元素或者一个nav元素。
语法格式：
1
<header>
<h1>头部内容</h1><1----标题元素，我前面得博客笔记中有详细得解说---->
头部消息
</header>
2
<header>
<hgroup>
<h1>标题1</h1>
<h2>标题2</h2>
....
</hgroup>
</header>
3
<header>
<nav>
这里显示导航部分
</nav>
</header>
（3）nav标签
该标签使页面结构更精确，nav可以做页面导航的链接组。
同时可以包含div，或者其他列表】表单等。
语法格式：
<nav>
这里显示导航部分
</nav>
来定义文档中的节。
注意：当一个容器需要被直接定义样式或者通过脚本定义行为的时候，推荐使用div元素而非section。如果article元素，aside元素，或nav元素更符合使用条件时，不要用section元素。
语法格式：
<section>
该模块的标题
该模块得内容
</section>
（5）article标签
article是一个特殊的section标签，它比section更具有明确的语义，它代表一个独立的一个完整的相关内容块，可以独立于页面其他内容使用。可以嵌套使用。
语法格式：
<article>
<header>
<h1>/<h1><!----这是文章的标题---->
</header>
<p>文章的详细内容</p><1----行内元素，我前面得博客笔记中有详细得解说---->
<article>
这里可以是文章内容
</article>
</article>
（6）aside标签
可以称为一个附属标签。名词解释，相关资料引用。也可以是页面或站点的附属信息（侧边栏，文章列表，单元广告）
语法格式：
<article>
<h1>标题</h1>
<p>文章内容</p>
<aside>本文出自于。。</aside>
</article>
（7）footer标签
该标签是用来定义section、article或网页的页脚。包含了与内容相关的信息，比如文章信息（作者和日期），作为页面的页脚时一般包含版权、相关文件和链接，使用方法和header基本一样，可以在一个页面中多次使用。
语法格式：
<footer>
你所要标注的信息，如作者、地址、时间等
</footer>
（8）hgroup标签
若在一个模块中有一系列的标题元素，可以用hgroup把他们包裹起来。
语法格式：
<hgroup>
<h1>标题1</h1>
<h2>标题2</h2>
....
</hgroup>
（9）figure和figcaption标签
一个独立的内容，一般表示一个独立的单元。这两个标签通常一起使用，figucaption为figure添加描述信息。可以用于对元素的组合，多用于对图片和图片解释。
语法格式：
<figure>
<img src="tupian.png" alt=""><!----插入一个图片---->
<figcaption>图片描述</figcaption>
</figure>
扫一扫
3825
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
