Wordpress 标签自动关闭

Question

Wordpress 更正了帖子和模板特定文件中的 html 标记。 我正在开发一个模板，我想要实现的是在<a href"#"></a> 标签中包装一个 div。

在放置 foreach 循环之前，再添加一些 php 和 html 标记，在 foreach 循环结束之前，我粘贴到结束标记中。 wordpress 的作用是在 href 字符串标签之后自动添加结束标签，删除正确放置的结束标签，使链接为空。

他就是我输入的内容：

    <li <?php if (get_option('square_portfolio_filter') != "true") { ?> data-id="id-<?php echo $count; ?>" data-type="<?php foreach ($terms as $term) { echo strtolower(preg_replace('/\s+/', '-', $term->name)). ' '; } ?>" <?php ; } ?>>
<a href="#">
    <div class="thumbs-animate">
        <?php
        if ( has_post_thumbnail() ) {
        the_post_thumbnail(array(255,191), array('title' => ''.get_the_title().''));
        }
        ?>  
        <div class="details">
            <h5><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h5>
            <p><?php content('15'); ?></p>
            <a href="<?php the_permalink(); ?>">
            <?php 
            if(get_option('square_view_project_link')!="") {
            echo get_option('square_view_project_link');
            }else {
            _e( 'View Project', 'square_lang' ); 
            }                                       
            ?>

        </div>
    </div>
</a>
</li>

这是 Wordpress 最终保存的内容：

    <li <?php if (get_option('square_portfolio_filter') != "true") { ?> data-id="id-<?php echo $count; ?>" data-type="<?php foreach ($terms as $term) { echo strtolower(preg_replace('/\s+/', '-', $term->name)). ' '; } ?>" <?php ; } ?>>
<a href="#"></a>
    <div class="thumbs-animate">
        <?php
        if ( has_post_thumbnail() ) {
        the_post_thumbnail(array(255,191), array('title' => ''.get_the_title().''));
        }
        ?>  
        <div class="details">
            <h5><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h5>
            <p><?php content('15'); ?></p>
            <a href="<?php the_permalink(); ?>">
            <?php 
            if(get_option('square_view_project_link')!="") {
            echo get_option('square_view_project_link');
            }else {
            _e( 'View Project', 'square_lang' ); 
            }                                       
            ?>

        </div>
    </div>
</li>

我使用一些 javascript 代码暂时解决了这个问题，但这既不是好的做法，也不是我想要的：

onclick="location.href='<?php the_permalink();?>';" style="cursor:pointer;"

Answer 1

只是想评论一下，在 HTML 5 中将块级元素包装在内联元素中是完全可以的。

<a href="#"><div>...</div></a> 是有效的 html 5。

Answer 2

<a href="#"><div>...</div></a> 是无效的 HTML。内联元素 (a) 内不应该有块级元素 (div)。 WordPress 可能会试图保护您免受这种情况的影响。

我不知道使用# 作为您的href 是实际代码的一部分还是您为简化而做的事情，但如果那是实际代码并且您附加了onclick 或其他东西到a，您可以将其附加到div，它也可以正常工作。