0基础学习网页结构编程

今天继续学习一些常用的标签使用。

一、布局标签

header 网页的头部
main    网页的主题部分
footer   网页的底部
nav       网页的导航
aside    和主体相关的内容，侧边栏
article   文章之类的
section  独立的区块，上面的标签都不适合就用这个，用来代替div
以上都是块元素。

元素区分
①块元素（div，p，h以上）
主要是用来布局的
特点：1：会独占一行。2：默认情况下，块元素的宽度是视口的百分百。3：默认情况下，块元素的高度是我们内容的高度（被内容撑开）

②行内元素（span，strong，em，del等）
主要是用来包裹文字
特点：1：不会独占一行。2:宽高是被内容撑开的，内容有多宽它就多宽

③行内块元素（img）
特点：兼具块元素和行内元素的特点

注意：
1：块元素主要是用来布局的，里面可以放任何元素，块元素，行内元素，行内快元素。
2：行内元素主要是用来包裹文字的，一般情况下不能放块元素
3：p标签是一个特殊的块元素，它里面不能放块元素
4：a标签是一个特殊的行内元素，它里面什么都能放（超链接标签）

二、列表标签

列表：如果页面中出现结构，样式，功能