html5新增结构标签
header 头部
nav 导航
section 区域
article 文章
aside 侧边栏
figure 一组多媒体内容
figcaption 多媒体内容的标题
footer 底部
hgroup 区块的相关信息
dialog 对话框 / 会话框
sublime安装emmet插件,可以使用tab键快速补全标签
专门建立的学习Q-q-u-n: 784783012 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习技巧
(从零基础开始到WEB前端项目实战教程,学习工具,全栈开发学习路线以及规划)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html5</title>
<style> *{ margin:0; padding:0; font-size:14px;
} .container{ background:#ccc;
} .content{ width:1000px; margin:0 auto;
} dl{ width:300px; float:left; text-align:center; margin-right:50px;
} dl:last-child{ margin-right:0;
} dl img{ width:300px;
}
</style>
</head>
<body>
<header>
<div class="logo"></div>
<nav>
<a href="#">导航</a>
<a href="#">导航</a>
<a href="#">导航</a>
<a href="#">导航</a>
<a href="#">导航</a>
</nav>
</header>
<section>
<hgroup>
<h1>文章标题</h1>
<h3>文章作者</h3>
<h4>文章描述</h4>
</hgroup>
<aside>
<a href="#">侧导航1</a>
<a href="#">侧导航2</a>
<a href="#">侧导航3</a>
</aside>