Question

我正在阅读滑块的官方演示页面中的代码：http://jqueryui.com/demos/slider/我想知道为什么<a>标签用于处理？为什么不是<div>？

<div class="demo">

<div id="slider" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
    <a class="ui-slider-handle ui-state-default ui-corner-all ui-state-hover" href="#" style="left: 19%; ">
    </a>
</div>

</div>

Answer 1

我认为他们使用了锚点，因为在HTML链接中，HTML与其他标记语言是分开的，因为它们提供了交互。取自w3c

HTML提供了许多用于富文本的传统出版习语和结构化文档，但它与大多数其他标记分开语言是超文本和交互式文档的功能。本节介绍链接（或超链接，或Web链接）,. 基本的超文本结构。链接是来自一个Web的连接资源到另一个。虽然是一个简单的概念，但链接却是一个推动网络成功的主要力量。

句柄也是你点击的东西，所以也许他们认为使用<a>而不是<span>在语义上更有意义。

为了说清楚，我的想法是他们可以在技术上使用任何东西，但他们出于语义原因选择锚点

Answer 2

我想知道同样的......所以我在这......理论上！

手柄需要能够具有焦点
（当他们这样做时，你可以使用箭头，Home-和End-key来操纵手柄）

不确定spans或div 能是否具有焦点（在所有浏览器中......）？

也许可以使用<button>代替？（有人，请试试）
- 这会更有意义。而不是弄乱状态线：（
（如果周围的表格没有正确的提交按钮，我们会遇到麻烦吗？）

为什么JQuery UI滑块中的句柄是<a> tag?</a>

2 个答案: