额外< br> 二十七主题的头部区域答案

【问题标题】：Extra < br > at head area of twenty seventeen theme额外< br> 二十七主题的头部区域
【发布时间】：2018-05-15 10:12:53
【问题描述】：

我正在使用 271 主题，并且当我插入 < head > 时有一个不寻常的空白区域。已查看 wordpress.org 支持，但没有任何答案解决了我的问题，并且已经在此问题上进行了广泛的搜索。

如果我删除 < head >< /head > 它会消失但头部只有一个标题，那么为什么它有所有 < br >s （见第二张图片）和产生的空白？我只是想删除空白，或者至少减少它，这是我迄今为止尝试过的：

.site-content .entry-content {display: none;}

.site-content .entry-header {display: none;}

.site-content .entry-title {display: none;}

但这些都不能解决问题。

这是我的 HTML

 <!DOCTYPE html>
     <html>
    <head>
         <title class= "title-class">Single Column Template</title>
    </head>
   <body> 
    <header>Interested in our website and technology reviews? Want further? 
    Submit the form below.</header>
     <main>
             omitted as irrelevant info
    </main>
    <footer></footer>
   </body>
    </html>

这只是我从未放入过自己的带有 br 的 Head 位。不知道发生了什么。

【问题讨论】：

你在结构上破坏了一些东西。这段代码要去哪里？这是被插入到模板中吗？如果您查看源代码而不是使用开发工具，您会得到什么？看起来<head> 部分正在插入<body>
是的，就是这样。谢谢乔恩。固定的。我删除了头部标签。我对在 wordpress 中实现 head 部分的最佳方式缺乏了解。欣赏评论。

标签： html css

【解决方案1】：

将我的评论扩展为答案...

问题是您将完整的 HTML 文档插入到 Wordpress 模板中。

除非修改模板的最外层“层”，否则 HTML 文档的 doctype、head 和 body 部分已经存在。您添加的任何内容都将在 body 标记中的某个位置结束。

每个 HTML 文档只能有一个 <head> 标签，添加更多会导致浏览器行为不稳定。

您应该在标题部分使用<section>（可选）、<header> 和<h1> - <h6> 标记的组合。

在 Wordpress 中，标题中的标题通常由您在通过 Wordpress 用户界面添加页面时提供的信息填充。

【讨论】：

感谢 Jon，这正是问题所在。已解决，网页空白已消失。

【解决方案2】：

如果发生这种情况并且它不在您的 HTML 中，我假设它是由 wordpress 添加的。我唯一能想到的就是尝试使用 JQuery/DOM 操作来隐藏 br 元素，如下所示：

$('.entry-content').find(p > br).hide()

【讨论】：

不，它应该只隐藏 '.entry-content' 类中作为段落子级的 br 元素
谢谢 Danny，我在哪里添加它之前没有接触过 JQuery？
w3schools.com/jquery/jquery_get_started.asp 应该可以帮助您入门。您需要将 CDN 作为脚本复制到中。同样重要的是，您仅在使用 $( document ).ready() 函数 (learn.jquery.com/using-jquery-core/document-ready) 加载元素后才执行隐藏
的代码
幸运的是，我不必做任何 JQuery，因为 Jon 在另一个答案中找到了我的问题并且解决方案有效。