应该还是不应该？ 用作交互式设计标识符的"name"属性

Question

我尝试了一个制作悬停画廊项目的JS课程。5个缩略图排成一行，无论你将鼠标悬停在哪个缩略图上，它都会以更大的尺寸显示在其下方。

现在，代码中不包含任何JS，只有HTML和CSS。

<div class="slider">
<img class="arrow" onclick="sliderBackward()" src="img/left-arrow.png">              // later added
<img onmouseover="preview.src=img1.src" name="img1" class="thumbnail" src="img/1.jpg" alt="1">
<img onmouseover="preview.src=img2.src" name="img2" class="thumbnail" src="img/2.jpg" alt="2">
<img onmouseover="preview.src=img3.src" name="img3" class="thumbnail" src="img/3.jpg" alt="3">
<img onmouseover="preview.src=img4.src" name="img4" class="thumbnail" src="img/4.jpg" alt="4">
<img onmouseover="preview.src=img5.src" name="img5" class="thumbnail" src="img/5.jpg" alt="5">
<img class="arrow" onclick="sliderForward()" src="img/right-arrow.png">              // later added
</div>
<div class="preview">
<img name="preview" src="img/1.jpg">
</div>

我的问题:使用name属性是这样的吗?我认为这个小项目是展示功能的一个很好的例子，但不是一个，应该在更大的项目中付诸实践。对吗?

目标:我想在单击箭头按钮并隐藏列表的另一端时显示进一步添加的缩略图。(它总是显示5)。为此，我在想，如果我应该删除name属性，只通过JS接近它。

Answer 1

我认为使用id而不是名称来创建唯一标识符是更好的做法。Name经常在表单中使用(我相信这就是它的作用)，您可以有多个具有相同名称的输入。另一方面，ID是一种非常方便的方式来识别/选择dom中的元素，并且应该是唯一的。

话虽这么说，我并不反对你这样使用name，只是它不是用来做这个的。