发表于： 2018-07-15 00:52:07

今天完成的事情

任务四页面布局

使用了HTML5的新标签header，main和footer。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Task4</title>
</head>
<body>
<header>
    <div>注册</div>
    <div>登录</div>
    <div>关闭</div>
</header>
<main>
    <div>请输入手机号</div>
    <div>请输入密码</div>
</main>
<footer>
    <div>登录</div>
</footer>
<section>忘记密码</section>
</body>
</html>

明天计划的事情

布局表单内容，切图

遇到的问题

学校的实习开始了，每天用来学习写代码的时间很少，不过自己会坚持下去的。

收获

了解了HTML5中的标准阅读笔记header，main，footer，address

在HTML5标准中，新增了header标签用于表示引导介绍性内容，footer标签用于表示脚注内容，同时新增了main标签用于表示页面的主体内容，而新增的address标签则用于表示文章或页面的联系信息。

div 标签是一个很好的通用标签。不过，除了查看每个 div 标签的 id 属性之外，很难了解每个 div 标签代表文档的哪个部分。尽管您可能认为，只要命名合理，id 足够成为一个指标，但 id 属性是任意的。很多变体也被认为是同样有效的 id 。标签本身并没有指出内容类型，它只负责显示。HTML5 通过提供一组标签来解决这个问题，这些标签可以更清晰地定义构成某个 HTML 文档的主要内容块。不管 Web 页面最终如何显示内容，大多数 Web 页面都是由常见页面和元素的不同组合构成的。