在我的web应用程序中,我有一个用户配置文件页面。该页面包含以下元素:
连接Twitter连接Facebook时区选择语言选择
前两件事会弹出一个OAuth窗口,允许用户进行连接。最后两件事是用AJAX保存的。
当我打开页面时,我应该如何做HTML?我认为所有的项目可能都应该是<李>"ul"元素中的元素,而不是每个元素单独的"div"或"p"元素。
但是我应该使用什么容器元素?我在争论是使用"div"还是使用没有操作的"form"
我正在收集一些数据,这是"表单"元素的参数,但实际上不会使用该表单——不会有提交按钮。这就是反对它的理由。
这样做的最佳实践是什么?如果你能提供一些支持文档的链接,那也会很有帮助。
谢谢!
最佳实践是让网站在没有Javascript的情况下工作,然后逐渐添加Javascript/AAJAX作为增强。
渐进增强(维基百科)
渐进式增强是一种策略用于强调可访问性、语义HTML标记,以及外部样式表和脚本技术。渐进式增强在分层中使用web技术让每个人都能访问的时尚的基本内容和功能网页,使用任何浏览器或互联网连接,同时为那些提供更好的带宽,更高级的浏览器软件或更多体验的增强版页
因此,是的,您应该使用form
.**
**如果你关心渐进增强。正如这个答案的评论中所讨论的,在你的情况下,如果你不在乎,那也没关系。使用你最喜欢的元素。
纯粹从可访问性的角度来看,尽管不知道如何实现,但听起来语言选择和时区选择功能似乎需要客户从列表中进行选择。对于这些,我设想两种小的形式。每个表单都将包含一个使用for属性的标签标记。这些表单还将具有列表输入标记。最后,他们会有一个提交按钮。您将为输入标记提供名称属性。您可以将名称属性的值粘贴到标签标签的for属性字符串中。
我认为其他两个项目可能是小表单,只有按钮可以启动功能。它们也可以是超链接,但可访问性方面的最佳实践可能会规定它们不是超链接,以防有人使用不支持脚本的浏览器,或者出于任何原因,有人关闭了脚本。