新增的非主体结构元素
2017-12-26 15:09
239 查看
hgroup元素
header元素
footer元素
address元素
<body> <article> <header> <!--hgroup元素是将标题及其子标题进行分组的元素, hgroup元素通常会将h1~h6元素进行分组, 譬如一个内容区块的标题及其子元素算一组--> <hrroup> <h1> 这是文章标题 </h1> <h2>这是一个子标题</h2> </hrroup> <p><time datatime="2017-12-2">2017-12-2</time></p> </header> <div> 这是内容 </div> <footer> 这是底部 </footer> </article> </body>
header元素
<body> <!--header元素是一种具有引导和导航作用的结构元素, 通常用来放置整个页面或页面内的一个内容区块的标题, 但是也可以包含其他内容,例如数据表格、搜索表单或相关的logo图片--> <header> <h1>IT最新技术</h1> <a href="#">华软</a> <nav> <ul> <li><a href="#">学习</a></li> <li><a href="#">技术</a></li> <li><a href="#">极客</a></li> </ul> </nav> </header> <article> </article> </body>
footer元素
<body> <!--footer元素可以作为其上层父级内容区块或是一个根区块的脚注。--> <!--footer通常包括其相关区块的脚注信息,如作者、相关阅读链接及版权信息等。--> <footer> <ul> <li><a href="#">版权信息</a></li> <li><a href="#">站点地图</a></li> <li><a href="#">联系方式</a></li> </ul> </footer> </body>
address元素
<body> <!--address元素用来在文档中呈现联系信息,包括文档作者或者文档维护者的名字、他们的网站链接、电子邮箱、真实地址、电话号码等--> <!--address应该不只用来呈现电子邮箱或真实地址,还用来展示跟文档相关的联系人的所有联系信息--> <address> <a href="#">iwen</a> <a href="">ime</a> </address> <footer> <div> <address> <a href="#">iwen</a> 广州大学华软软件学院,信息工程 <time datatime="2017-12-2">2017-12-2</time> </address> </div> </footer> </body>
相关文章推荐
- HTML5新增的主体结构元素和非主体结构元素
- 【HTML5初涉】新增主体结构元素和非主体结构元素
- HTML5新增的非主体结构元素:
- HTML5新增的非主体结构元素
- HTML5新增的主体元素和新增的非主体结构元素
- HTML5教程:3.2 新增的非主体结构元素
- HTML5新增的非主体结构元素
- HTML5新增的非主体结构元素
- HTML5教程:3.2 新增的非主体结构元素
- HTML之新增的非主体结构元素
- HTML5新增的非主体结构元素
- HTML5 新增的结构元素——能用并不代表对了
- HTML5新增主题结构元素之section
- html5新增结构元素
- HTML5 学习笔记2-新增的主体结构元素
- HTML5学习笔记一:新增主体结构元素
- HTML5 新增文档结构相关元素示例
- Html5相对于Html4的新增的主体结构元素
- html5新增的主题结构元素
- HTML5学习笔记2013.1.1——新增元素之结构元素