the_category 将 div 拉出正常流程

Question

尝试使用 <?php the_category( ' ' ); ?> 从我的 wordpress 帖子中放入我的类别。

在循环html内

<a href='<?php the_permalink(); ?>'>
   <section id="post-<?php the_ID(); ?>" class="..">

   <div> 

   <?php the_category( ' ' ); ?>
   <?php the_title( '<h1>', '</h1>' ); ?>

   </div>
</section>
</a>

问题是类别 php 的部分 div 似乎被拉出链接（输出有部分外部链接代码。 没有类别代码它可以完美地工作。

Answer 1

您的 HTML 存在问题：您有一个带有内部块类型元素（如 <div> 和 <section>）的 <a> 标记（内联元素）。 看看this page，以便正确理解内联元素和块元素之间的区别。

在使用the_category() 时，您将显示帖子所属类别的链接，因此您还将<a> 标签放在另一个<a> 标签内。

因为您只想显示类别的名称，您可以使用以下代码

foreach((get_the_category()) as $category){
    echo $category->name."<br>";
}

检查您的格式，一切都会按预期进行。