html中增大超链接的区域,在HTML源代码中没有嵌套链接元素的嵌套超链接区域

我想要在超大链接内部看起来和表现为超链接的东西。下面是它应该看起来像ASCII的艺术表示:在HTML源代码中没有嵌套链接元素的嵌套超链接区域

|-------------------------------------------|

| Some text [_link_] |

|-------------------------------------------|

整个外部矩形(块元素)是超链接。在这个矩形里面应该有一些文本,并且在这个文本的最后应该有另一个链接。

不幸的是嵌套链接(A元素)是在(X)HTML非法:

12.2.2嵌套链接是非法

链接和锚由A元素定义不能嵌套; A元素不得包含任何其他A元素。

Some text

link

的最自然的方式是无效的HTML。更糟糕的是,有些浏览器在某些情况下通过将内部链接元素移动到外部链接元素的关闭元素之外来强制执行此要求。这当然完全打破布局。

所以想什么,我要问的是如何在布局以上使用HTML和CSS(但没有的JavaScript)来呈现,但不嵌套链接元素在HTML源代码。如果行为尽可能接近具有嵌套链接元素的行为(对于实现HTML标准的浏览器不太严格),那将会很好。

编辑(16-01-2009)

澄清:解决方案,使用两个以上的环节要素是完全可以接受的

Some text

Link

& nbsp;

...

+1

有几个我能想到的解决方案,但我认为他们都使用JavaScript。我有兴趣看看是否有人可以用纯CSS + HTML –

2009-01-16 00:28:21

+0

做一个......你知道从可访问性的角度来看听起来有多糟糕,是吗?你不应该把链接*下一个*放在另一个里面,更不用说在里面了! :-) –

2009-01-16 00:46:10

+1

另一方面,一些可用性/可访问性提示表明类菜单链接应该跨越整个宽度,因为不需要查找和单击文本。 –

2009-01-20 15:52:25

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值