简单的后台管理系统—2018年8月20日

课程：PHP中文网上了第三期的培训（前端部分）

时间：2018年8月20号晚8点

讲师：Peter zhu！

内容：后台管理系统

页面布局实战 《网站管理后台》的模板开发

html5新增的语义化的布局标签
注:布局标签默认都是块级元素: display: block;
1.<header>头部页眉
2.<footer>页脚
3.<main>主体,每个页面仅限一个
4.<article>文档
5.<aside>边栏
6.<nav>导航
7.<section>区块
8.<div>自定义区块,可放javascript或其它

导航用: <ul><li><a>

属性
1.role="角色" : 该标签的功能或用途,如 role="banner"
2.

***********************************************************************

导航:
<nav role="navigation">
 <ul>
   <li><a href="">导航1</a></li>
   <li><a href="">导航1</a></li>
   <li><a href="">导航1</a></li>
 </ul>
</nav>

***********************************************************************

头部:通常包括h1~h6标题,
<header role="top">
 <h1>标题</h1>
 <nav>....</nav>
</header>

***********************************************************************

文档:
<article role="article" id="art">
 <h2>文章标题</h2>
 <p>段落</p>
</article>

<article>标签中可以包含各种类型的标签,就是一个容器,可以是文章,小工具,电影...
<article>可以包括一个或多个<section>,也可以有<header><footer><nav>...

***********************************************************************

<main role="main">
 ...
</main>

<main>一个页面仅允许出现一次,表示主体内容,不允许放在其它标签内
<main>内部可以是任何标签

***********************************************************************