前端开发学习笔记–HTML 文档元素

发布于 2018-03-29  256 次阅读


常用文档元素汇:

 

元素名称 说明
hgroup 将一组标题组织在一起
h1~h6 表示标题
header 表示首部
footer 表示尾部
nav 表示有意集中在一起的导航元素
aside 表示与周边内容少有牵涉的内容
address 表示文档或 article 的联系信息
article 表示一段独立的内容
section 表示重要概念或主题

 

1:<hgroup>元素的作用就是当多个标题出现,干扰到一对或多个本身需要整合的标题;

<h1>~<h6>元素作用就是加粗并改变字体大小。用于各种标题文档。1-6 字体逐渐变小。

例:

<hgroup>
	<h1>这是大标题</h1>
	<h4>这是较小标题</h4>
</hgroup>

2:<header>元素主要设置页面的标头部分,表示头部。

例:

<header>
	页面头部,包括:LOGO、标题、导航等内容
</header>

3:<footer>元素主要设置页面的尾部,表示尾部。

例:

<footer>
	页面的尾部,包括:版权声明、友情链接等内容
</footer>

4:<nav>元素给文档页面添加一个导航。

5:<aside>元素专门为某一段内容进行注释使用。

6:<address>表示文档或 article 元素的联系信息;在<body>元素下,表示整个文档的联系信息;在<article>元素下,表示其下的联系信息。

7:<article>元素表示独立成篇的文档,里面可以包含头、尾、主题等一系列内容;

例:

<article>
          <header>
            <nav></nav>
          </header>
          <section>
          </section>
          <footer>
          </footer>
</article>

8:<section>元素的作用是定义一个文档的主题内容。