a链接中套a链接

  <a href="baidu.com">
            <div>
                <div class="title">百度</div>
                <div class="content">百度是全球最大的中文搜索引擎...
                    <span href="X.html" target="_blank" id="readmore">Read More</span>
                </div>
            </div>
        </a>
        <script>
            document.getElementById("readmore").addEventListener("click",function(e){
                e.preventDefault();
                //接下来使用js代码进行页面跳转
            });
//jQuery

$("#readmore").bind("click",function(e){
                e.preventDefault();
                //接下来使用js代码进行页面跳转
            });

</script>