更新时间:2018年12月13日15时57分 来源:传智播客 浏览次数:
问题
<!-- a永乐国际app下载进行嵌套的时候 --><a href="#haorooms">outerA <a href="#haoroomsinner">innerA</a></a>
<!-- 而浏览器则会解析成 -- ><a href="#haorooms">outerA</a><a href="#haoroomsinner">innerA</a>
方案一:使用object永乐国际app下载进行嵌套
<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>
方案二:使用定位方式
<a href="#haorooms">outerA</a><a href="#haoroomsinner">innerA</a>
方案三:使用 HTML的 < area>< map>永乐国际app下载来实现
area永乐国际app下载很久没有使用了,普及一下基础知识:
如果 shape 属性设置为 "rect",则该值规定矩形左上角和右下角的坐标。(x1,y1,x2,y2)
如果 shape 属性设置为 "circ",则该值规定圆心的坐标和半径。(x,y,radius)
如果 shape 属性设置为 "poly",则该值规定多边形各顶点的值。如果第一个坐标和最后一个坐标不一致,那么为了关闭多边形,浏览器必须添加最后一对坐标。(x1,y1,x2,y2,..,xn,yn)
<a href="#haorooms"> outerA <map> <area shape="rect" coords="0,0,200,21"href="haoroomsinner" > </map> </a>
方案四:使用span等永乐国际app下载加js事件来代替a永乐国际app下载