javascript - 创建 block 级元素的链接

标签 javascript hyperlink html4

因此,根据 w3c 验证工具,用 anchor 标记包装 div(尤其是 float 的)是不正确的标记。尽管这在迄今为止测试的每个浏览器中都有效(包括大多数手机和平板电脑),但有更好的方法吗?

我发现您可以将 HTML4 < 按钮 > 与 block 级内容一起使用,我可以使用它并使工作正常。但是将这些变成链接的正确方法是什么?我不想对这些链接使用 JavaScript。

我考虑使用带有操作的 < form > 标记,对于这样一个简单的任务来说,这是很多额外的标记,但是 Internet Explorer 6 无法将该按钮识别为提交按钮,因此如果没有 javascript,链接仍然无效。更糟糕的是,一些链接应该在灯箱中打开 - 使用 javascript,我可以只使用 event.preventDefault(),但是如何使用表单来完成此操作?

有没有更好的方法来从 block 级元素中建立链接?或者我应该忽略验证,因为这仍然适用于几乎所有浏览器(如果不是每个浏览器)?

(使用 HTML4,但欢迎使用 HTML5 解决方案)

最佳答案

验证器确实会将 (X)HTML4 中 block 级元素周围的链接标记为无效,但这已成为一种人为的用例。用 a 标签包围 block 级元素是一种常见且得到良好支持的做法(即使在较旧的浏览器中也是如此),您实际上不必担心它的无效性。

HTML5 规范包括近乎任意的链接包装。换句话说,您可以使用一对 a 标签围绕许多元素( block 级元素和内联元素),并且浏览器可以将链接目标应用到标签之间的每个元素(只要它认为合适)。 Bruce Lawson 在 HTML5 Doctor 上写了一篇关于链接行为变化的精彩总结。 .

关于javascript - 创建 block 级元素的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8460853/

相关文章:

html - 电子邮件模板 : text-decoration: none; NOT working

javascript - 未捕获的类型错误 : Cannot read property 'length' of undefined in example d3 code

javascript - Angular2 - 没有 ExceptionHandler 的提供者

html - 使用 margin-top 将链接放置在简单的 img 标签之上

javascript - 如何在 D3 节点中放置图像?

css - CSS3 在 HTML 4 Transitional 中工作吗?

xhtml - SVG 未在 IE 10 中使用 Doctype HTML 4 呈现

javascript - 如何使用 JS 捕获 html 表单上的所有击键?

javascript - 让 EaselJS AlphaMaskFilter 工作

php - 从动态生成的youtu.be链接获取youtube视频ID