在实际网页布局之中,我们有时候需要一整块点击区域中间还要有部分按钮点击,也就是需要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