发表于: 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 页面都是由常见页面和元素的不同组合构成的。
评论