经典的页面布局中,页面被分为 header、main、aside、footer 四个部分
传统都是用多个div盒子
新增的部分语义化:
<article>
定义文章
<figure>
标签规定独立的流内容(图像、图表、照片、代码等等)
<figcaption>
定义 figure 的标题
<aside>
定义文章的侧边栏
<footer>
定义页脚
<header>
定义页眉
<nav>
定义导航
<section>
定义文档中的区段
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<figure>
<img src="img/居老师.jpg" alt="居老师-image" width="280px" height="200px"/>
<figcaption>帅气的居老师◕‿◕</figcaption>
</figure>
<footer>
<p>Posted by:十一啊</p>
<a href="https://weibo.com/zhuyilong?is_all=1&am