html5中新增非主体结构元素

1.header元素

定义HTML文档的页眉,是一种具有引导和导航作用的结构元素

 <header>
<h1>header元素</h1>
<nav>
<ul>
<li><a href="www.baidu.com">主页</a></li>
<li><a href="www.baidu.com">baidu</a></li>
</ul>
</nav>
</header>

显示结果:  html5中新增非主体结构元素

2.hgroup元素

用于对header元素标题及其子标题进行分组。属于header元素时,我们通常会嵌入一个heading元素

 <!DOCTYPE HTML>
<html>
<body>
<head>
<hgroup>
<h1>Welcome to my WWF</h1>
<h2>For a living planet</h2>
</hgroup>
</head>
<p>The rest of the content...</p> </body>
</html>

显示html5中新增非主体结构元素

3.footer元素

定义元素的脚本,这个元素可以是article元素或者section元素

 <article>
<header>
<h1>文章标题</h1>
</header>
<section>
<header>段落标题</header>
<p>段落标题</p>
<footer>段落脚注</footer>
</section>
<footer>文章脚注</footer>
</article>

显示:html5中新增非主体结构元素

4.address元素

定义文档作者或者拥有着的联系信息,包括文档作者或文档维护者的姓名、网站、电子邮件等

 <footer>
<address>
<ul>
<li>联系地址:。。。。。。。</li>
<li>电子邮件:。。。。。。。</li>
<li>联系电话:。。。。。。。</li>
</ul>
</address>
</footer>

显示:html5中新增非主体结构元素

上一篇:CentOS 7 安装MongoDB


下一篇:Oracle12c Clone PDB 的方法