html - 使 DIV 可点击

Question

我被指示在 DIV 周围包裹一个锚标记，以使以下 PHP 可点击。我的直觉是，这是一个坏主意，因为它对 SEO 无效且不利，因此我们可以完全摒弃这个想法 - 无需根据该建议来回产生。那么让“box-wrap”DIV中的所有内容指向链接的正确方法是什么？

<div class="box-wrap">
    <div class="box">
        <header>            
            <h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
            <?php echo get_the_term_list( $post->ID, 'categories', '<h3 class="entry-by">' . __('Posted In: ', 'okay'), ', ', '</h3>' ); ?>
        </header>
    </div><!-- box -->
</div><!-- box wrap -->

Answer 1

从 HTML5 开始，您可以合法地将其包装在<a>. 在您的示例中，只需将外部 div 替换为a标签。

<a class="box-wrap" href="...">
    <div class="box">
        <!-- ... -->
    </div>
</a>

Answer 2

如果你想让你的 div “可点击”，你应该使用 javascript：

$("#clickableDivId").click(function() {
    window.location = "your url";
});

您还可以将 css 样式添加cursor: pointer;到您的 div 看起来像锚。