5、块元素、行内元素的区别
2022-05-23 本文已影响0人
小黄不头秃
一、什么是块元素和行内元素？
块元素：在网页中通过块对页面进行布局；（一般是独占一行）
行内元素：主要用来包裹文字；（一般不会独占一行）
- 一般情况下在块元素中放行内元素；
- 块元素中什么元素都可以放；
- p元素中不能放任何的块元素；
浏览器会对不符合规范的内容进行修正；
二、一些块元素和行内元素的举例。
- header 表示网页的头部;
- main表示网页的主题;
- footer表示网页的底部;
- nav表示网页中的导航；
- aside和主题相关的其他内容，侧边栏;
- article表示一个独立的文章;
- section表示一个独立的区块，上边的标签都不能表示的时候就用section;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>块和行内和语义化</title>
</head>
<body>
<header>hahah</header>
<main>null</main>
<footer>nothing </footer>
<nav>哦吼</nav>
<aside>侧边栏</aside>
<article>就表示一个文章，不知道可以表示有多长。。。</article>
<section>section</section>
<div>div</div>
<span>span</span>
</body>
</html>
