Html 使链接div中的文本可选

我正在创建一个网页，有一个我想链接的部分，在这个部分中，虽然我有一些文本，我想让用户复制和粘贴（即他们需要能够突出显示它）。由于文本位于链接的div中，尽管我无法选择它，如何使文本可选择

这是我的密码

<a href="http://google.com">
    <div class="container"> 
        <h2>Heading</h2>
        <p class="selectable-text">Text that can be highlighted here</p>
        <p>Other Text</p>
    </div>
</a>

---

提前感谢您的帮助。

a-Elements不允许在其内部使用块元素。因此，您不能以这种方式构建布局。只把标题作为链接怎么样？这很好，您可以轻松选择其他文本：

<div class="container"> 
    <h2><a href="http://example.com">Heading</a></h2>
    <p>Text that can be highlighted here</p>
    <p>Other Text</p>
</div>

与“真实”链接不同的是，它不可拖动，而是可选择的。无论如何，你可以点击它，它会找到你想要去的地方。它还将应用一个类

.link

，您可以在样式表中使用该类将指针设置为光标

---

对于禁用javascript的用户，标题中仍然会有一个链接，因此您的页面在任何情况下都可以使用。

我本来打算这样做的，但是container类有一个相当大的背景，所以我想允许用户点击任何背景，仍然可以到达所需的位置。但是您的原始帖子中仍然有一个非法的结构，因为链接中不能有block元素。我现在更新了我的答案，这样你就可以用javascript实现你的方法。如果我只是替换并应用了所有应用到的CSS样式，这合法吗？在HTML5中，这是允许的，请参见最后一部分：a元素可能被包装在整个段落、列表、表格等，甚至整个部分，只要内部没有交互内容（例如按钮或其他链接）。）但这并不能解决你原来的问题

<div class="container"> 
    <h2><a href="http://example.com">Heading</a></h2>
    <p>Text that can be highlighted here</p>
    <p>Other Text</p>
</div>

$('.container').each(function(){
    $(this).on('click', function(){
        location.href = $(this).find('a').attr('href');
    });
}).addClass('link');