工学1号馆

home

a标签嵌套解决方案

Wu Yudong    December 07, 2020     HTML5+CSS3   285   

在实际网页布局之中,我们有时候需要一整块点击区域中间还要有部分按钮点击,也就是需要a标签嵌套a标签,如下:

<!-- a标签进行嵌套的时候 --><a href="#haorooms">outerA    
<a href="#haoroomsinner">innerA</a>
</a>

但是我们会发现,这种嵌套,浏览器会直接错误解析,解析结果如下:

<!-- 而浏览器则会解析成 -- >
<a href="#haorooms">outerA</a>
<a href="#haoroomsinner">innerA</a>

解决办法:使用object标签进行嵌套

<a href="#haorooms">
    outerA    <object><a href="#haoroomsinner">innerA</a></object></a>

这种写法的典型应用最多的是列表整个需要点击,列表里面有电话号码需要单独点击拨打!

<a class="haorooms_list" href="跳转页面">
    列表内容    <object><a href="tel:694434565">拨打电话</a></object></a>

如果文章对您有帮助,欢迎点击下方按钮打赏作者

Comments

No comments yet.
To verify that you are human, please fill in "七"(required)