我一直在一个页面上工作,其中有几个条目包含在不同的<div>s 中。每一个都只是一个链接到页面的标题、一个图像和一个简短的描述。但是,描述可能包含任意标签,包括<a>标签。
由于这些非常简单,而且实际链接也没有那么大,因此我点击了<div>将调用location.href = (link URL). 然而,这是一件非常可悲的事情,因为它对浏览器不友好:例如,在谷歌浏览器下,在上述<div>s中单击鼠标中键不会在新选项卡中打开链接。
考虑到您不应该嵌套<a>标签,是否可以在不使用 Javascript 的情况下使 XHTML 中的任何元素表现得像一个链接?
我正在使用 XHTML 1.1,以正确的 MIME 类型发送,这是我必须遵守的唯一限制。
不完全是,不。不过,埃里克·迈耶(Eric Meyer)对此的想法还是值得一读的。此外, HTML5 1似乎包含任何元素成为链接的能力,因此如果可能的话,可能值得使用该 doctype 而不是 xhtml。
还值得补充的是,html 5 确实允许<a>元素包围块级元素,请参阅:http ://www.brucelawson.co.uk/2008/any-element-linking-in-html-5/ ,示例从链接页面:
代替:
<h3><a href="story.htm">Bruce Lawson as Obama's running mate!</a></h3>
<a href="story.htm"><img src="bruce.jpg" alt="lovegod" /> </a>
<p><a href="story.htm">In answer to McCain's appointment of MILF, Sarah Palin, Obama hires DILF, Bruce Lawson, as his running mate. Read more!</a></p>
Run Code Online (Sandbox Code Playgroud)
你可以说:
<a href="story.htm">
<h3>Bruce Lawson as Obama's running mate!</h3>
<img src="bruce.jpg" alt="lovegod" />
<p>In answer to McCain's appointment of MILF, Sarah Palin, Obama hires DILF, Bruce Lawson, as his running mate. Read more!</p>
</a>
Run Code Online (Sandbox Code Playgroud)
更新以提及可能的不准确之处
1:我可能误解了我链接的文档的一部分,试图为我的主张“...似乎 HTML5...任何元素都可以成为链接”(在 W3C 的 html 5 概述中)找到支持似乎不存在。当我看到迈耶提议纳入这种可能性时,我想我受到了过度的鼓励。
我太轻信了,太天真了……=/
| 归档时间: |
|
| 查看次数: |
1440 次 |
| 最近记录: |