老师,这个效果对吗?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>
相关截图:
尝试过的解决方式:
1回答
同学你好,问题解答如下:
1、代码实现效果没有问题
2、p标签不能嵌套footer标签,也不能嵌套其他块元素,浏览器解析会有问题
所以不能这样嵌套。
3、空一行的意思是与上面内容有些距离吗?可以将p标签写在footer上面
或者等后面学习css后,利用样式设置上间距,这里可以先了解一下。
祝学习愉快!
相似问题