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

1 636


今天完成的事情

任务四页面布局

使用了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 页面都是由常见页面和元素的不同组合构成的。


返回列表 返回列表
评论

    分享到