工学1号馆

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