如果我没有提交数据,我应该使用FORM元素吗？正确的(X)HTML标记

Question

在我的Web应用程序中,我有一个用户个人资料页面 那个页面上有这些元素:

Connect with Twitter
Connect with Facebook
Timezone Select
Language Select

前两个部分会弹出一个允许用户连接的OAuth窗口.最后两件事都是用AJAX保存的.

当我在编辑页面时,我该如何处理HTML？我认为所有项目都应该是'ul'元素中的<li>元素,而不是每个元素的单独'div'或'p'元素.

但是我应该使用什么容器元素？我正在讨论只使用'div'和使用没有动作的'形式'.

我正在收集一些数据,这是'form'元素的参数,但实际上并没有使用该表单 - 没有提交按钮.这就是反对它的论据.

这样做的最佳做法是什么？如果您可以提供一些有用的支持文档的链接.

谢谢!

Answer 1

最佳做法是使网站在没有Javascript的情况下工作,然后逐步添加Javascript/AJAX作为增强功能.

渐进增强(维基百科)

渐进增强是一种网页设计策略,强调可访问性,语义HTML标记以及外部样式表和脚本技术.渐进增强以分层方式使用Web技术,允许每个人使用任何浏览器或Internet连接访问网页的基本内容和功能,同时还为那些提供更好带宽,更高级浏览器软件或更多体验的增强版提供这页纸.

所以是的,你应该使用form.**

**如果你关心渐进增强.正如在这个答案的评论中所讨论的,在你的情况下,你没有/不在乎的地方,没关系.使用你最喜欢的任何元素.