a标签里面嵌套一个a标签，点击子链接标签时，同时触发了父标签a

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代码进行页面跳转
            });
            
        </script>