结构标签:
<body>
<!-- html 搭建网页的结构
大部分的网站 头部 主体 底部 导航 文章等等
-->
<!-- html5 新增的标签,语义化更强 网站的性能也会更好-->
<!-- 布局标签(结构化标签) 用来布局的标签都是块元素
header 网页的头部
main 网页的主体部分(一般就一个)
footer 网页的底部
nav 网页的导航
aside 和主体相关的内容,侧边栏
article 文章之类的
section 独立的区块,上面的标签都不合适,就用这个 ,
用来代替div
-->
<header></header>
<main></main>
<footer></footer>
<nav></nav>
<aside></aside>
<article></article>
<section></section>
<div></div>
<div></div>
<div></div>
</body>
行内与块元素:
<!--
元素分类
块元素(block element) 用来布局
特点:
1、会独占一行
2、默认情况下,块元素的宽度是视口的100%
3、默认情况下,块元素的高度是被内容撑开的
常用块元素:div、p、h1-h6、header、main、footer、nav
行内元素(inline element) 用来包裹文字
特点:
1、不会独占一行
2、宽高是被内容撑开的,内容有多宽它就多宽
常用行内元素:span、strong、em、del等
行内块元素
特点:
兼具块元素和行内元素特点
常用行内块元素:i