<!--main是主体内容 分为主体内容左和主体内容右 article是文章内容
新增的语义标签IE兼容性不好,360用极速模式能打开,谷歌正常使用
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>语义化标签</title>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
header{
width: 100%;
height: 100px;
background-color: red;
}
nav{
width: 100%;
height: 36px;
background-color: green;
}
main{
width: 100%;
height: 500px;
background-color: gray;
}
main > article{
width: 75%;
height: 100%;
background-color: blue;
float: left;
}
main > aside{
width: 20%;
height: 100%;
background-color: brown;
float: right;
}
footer{
width: 100%;
height: 80px;
background-color: coral;
}
</style>
</head>
<body>
<header>我是头部</header>
<nav>我是导航</nav>
<main>
<article>
<p>发布时间<time>2018年10月24日</time></p>
<h1>我是文章的标题</h1>
<p>p1</p>
<p>p2</p>
<p>p3</p>
</article>
<aside>这是右边</aside>
</main>
<footer>这是页脚</footer>
</body>
</html>
HTML5新增的5个语义标签
最新推荐文章于 2024-06-02 09:58:03 发布