如何在html中正确插入此php片段？

Question

I have this php snippet:

<div class="overlay-content">
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
<i class="fa fa-search"></i></a>
</div>

I would like to remove:

<i class="fa fa-search"></i>

And instead, insert the title attribute, called via php, where currently, the Font-Awesome icon sits -- within the hyperlink. That way, when a visitor hovers over an item, they will see the title instead of a Font Awesome search icon.

So I've tried:

<div class="overlay-content">
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
<?php the_title_attribute(); ?></a>
</div>

And that was not successful for reasons perhaps obvious to php developers. Is what I'm trying to do possible? Any guidance in helping me achieve this properly would be greatly appreciated!

Answer 1

The correct code, that doesn't duplicate echo, should be as follows:

<div class="overlay-content">
    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
        <?php the_title(); ?>
    </a>
</div>

As I've mentioned in my comments, the_permalink() and the_title_attribute() already echo content. No need to add another echo before each.

You should also (usually) favor the_title() over the_title_attribute() for the actual display of the title.