<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>header元素</title>
</head>
<body>
<header>
<hgroup>
<h3>炉石传说砰砰计划版本卡组汇总</h3>
<h4>卡组推荐系数</h4>
</hgroup>
<!--hgroup过时了解,用来将多个标题组成一组-->
<a href="https://hs.blizzard.cn/landing">链接</a>
<nav>
<ul>
<li><a href="#">法师</a></li>
<li><a href="">德鲁伊</a></li>
<li><a href="#">猎人</a></li>
<li><a href="#">牧师</a></li>
<li><a href="#">潜行者</a></li>
</ul>
</nav>
</header>
<!--head一般都有一个标题,并且数量没有限制,通常放置整个区域块的标题,具有引导和导航作用,用id或class指定标题-->
<footer>
<ul>
<li><a href="#">卡组发布时间</a></li>
<li><a href="#">卡组发布人</a></li>
<li><a href="#">卡组强度推荐指数</a></li>
</ul>
</footer>
<article>
<footer>
法律声明
</footer>
</article>
<!--footer元素数量没有限制,具有备注和导航作用,可以清晰的看出来哪些是备注部分-->
<address>
<a href="https://www.baibu.com">百度</a>
<a href="https://www.google.com">谷歌</a>
<a href="https://www.360.com">360</a>
<!--承载a标签,为了可以点击-->
</address>
<footer>
<div>
<address>
<a href="#">地理信息小镇</a>
浙江德清
</address>
<time datetime="2018-8-12">2018-8-12</time>
</div>
<!--承载div标签,为了可以能有更多的样式-->
</footer>
</body>
</html>
html主体内容元素——head、footer、hgroup、address元素
猜你喜欢
转载自blog.csdn.net/qq_42036616/article/details/81603623
今日推荐
周排行