Question

我为这个组织工作，Vibro，我负责网站。我们的每篇文章都有一个带有社交图标的分享框。我们想要添加文字＆＃34; del：＆＃34; （意思是挪威语分享）在框中的图标前面。当我进入single.php并添加带有文本的段落元素时，代码将无法实现。

你知道为什么，以及如何解决它？

我已经尝试过了：更正了语法错误，删除了缓存和缩小的css，尝试用空格缩进并将p元素放在ul之外。不行！也许这些变化需要花费一些时间来实施，我今天早些时候做了一些改变，之前没有经过这些改变。

这里是single.php中的代码：

<div class="box-social">
<ul class="social social</ul>
<p>Del:</p>
<li>
<a class="circle-icon" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=<?php the_permalink(); ?>"><i class="fa fa-facebook" aria-hidden="true"></i>
</a>
</li>
<li>
<a class="circle-icon" target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&summary=&source="><i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
</li>
<li>
<a class="circle-icon" target="_blank" href="https://twitter.com/home?status=<?php the_permalink(); ?>"><i class="fa fa-twitter" aria-hidden="true"> 
</i>
</a>
</li>
</ul>
</div>

Answer 1

您提供的代码包含无效标记。您可以使用类似https://validator.w3.org/#validate_by_input之类的内容来验证您的HTML。

您的代码存在一个问题：Element p not allowed as child of element ul in this context.

我修复了损坏的<ul>并将<p>移到了它前面。

<div class="box-social">
<p>Del:</p>
   <ul class="social social">
      <li>
         <a class="circle-icon" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=<?php the_permalink(); ?>"><i class="fa fa-facebook" aria-hidden="true"></i>
         </a>
      </li>
      <li>
         <a class="circle-icon" target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&summary=&source="><i class="fa fa-linkedin" aria-hidden="true"></i>
         </a>
      </li>
      <li>
         <a class="circle-icon" target="_blank" href="https://twitter.com/home?status=<?php the_permalink(); ?>"><i class="fa fa-twitter" aria-hidden="true"></i>
         </a>
      </li>
   </ul>
</div>

为什么single.php中的p元素没有被实现？

1 个答案: