个人网页（项目）源码解析「HTML+CSS+JS」

目录

网页效果展示：​​​​​​​

网页源码解析：

HTML模块：

CSS模块：

JS模块：

参考：

网站链接：元之旅

源代码：​​​​​​​​​​​​​​​​​​​​​​​​GitHub - lzt123lzt/lzt123lzt.github.io: Config files for my GitHub profile.​​​​​​​​​​​​​​

---

网页效果展示：

首页：

 

文创购买页面：

 

网页源码解析：

HTML模块：

1.<section>

(1)section元素代表了一个文档或应用的通用部分，在文章中，section是主题内容，通常带着heade

(2)section 不是一个专用来做容器的标签，如果仅仅是用于设置样式或脚本处理,专用的是 div。

(3)section 里应该有 标题（h1~h6），但文章中推荐用 article 来代替「article包含section，section用来划分其中的段落」

(4)在网页大纲（outline）里面   作为一种层级落差的体现实现  

2.<aside>

(1)被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料、名次解释，等等。

(2)在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏，其中的内容可以使友情链接，博客中的其它文章列表、广告单元等。

3.<nav>&&<footer>

一：

1）理解：