老师,这个效果对吗?footer标签可以用p标签嵌套吗?用哪些方式可以让尾部这两个字空一行?

来源:3-3 编程练习

精慕门8110630

2021-01-22 16:35:17

相关代码:

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>

<body>
<!-- 网页的头部 -->
<header>
<div class="logo">logo</div>
<!-- 导航条 -->
<nav>
导航
</nav>
</header>

<!-- 网页的主体 -->
<main>
<!-- 文章内容 -->
<article>
<h1>文章标题</h1>
<section>部分1</section>
<section>部分2</section>
<section>部分3</section>
</article>
</main>

<!-- 页脚 -->
<footer>尾部</footer>
</body>

</html>

相关截图:

http://img.mukewang.com/climg/600a8cd5099630d119050920.jpg

尝试过的解决方式:

http://img.mukewang.com/climg/600a8dcd097ccac103670098.jpg

写回答

1回答

好帮手慕星星

2021-01-22

同学你好,问题解答如下:

1、代码实现效果没有问题

2、p标签不能嵌套footer标签,也不能嵌套其他块元素,浏览器解析会有问题

http://img.mukewang.com/climg/600a969b093111cc03410083.jpg

http://img.mukewang.com/climg/600a96ad09e1970704210206.jpg

所以不能这样嵌套。

3、空一行的意思是与上面内容有些距离吗?可以将p标签写在footer上面

http://img.mukewang.com/climg/600a96ff091d72bc03610106.jpg

或者等后面学习css后,利用样式设置上间距,这里可以先了解一下。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程