<分区>
我正在学习非常基础的 html、css、javascript 和 jquery，并计划将这些技术用于个人元素、原型(prototype)设计等(不适用于专业 Web 开发/设计)。
我想要一个包含选项卡内容的页面，其中每个选项卡的内容都来自不同的 html 文件(我想要这个，因为这样我就可以单独管理每个文件)。
我见过纯 CSS 选项卡式布局、纯 JS 选项卡式布局、JQueryUI 选项卡以及它们之间的任何组合。
由于标签现在在每个站点中都很常见，我想知道是否有一种“正确”的方法来做到这一点，但我很困惑。
因此，问题是:在页面上进行简单选项卡式布局的“规范”方法是什么，其中每个选项卡都是要在内部显示的单独 html 文件的“包装器”？
感谢您的回答!
最佳答案
显然，有很多方法可以实现您的目标。有些人为此包含了一个完全成熟的框架，如 jQuery(UI)(在我看来，这太过分了，因为你不需要为此使用如此庞大的框架)，而其他人则创建了一个非常简单的脚本，但很难扩展。简而言之，基本上有两种方法可以做到这一点(中间显然有很多路):
使用服务器端脚本语言。如果您想将每个选项卡存储在不同的 HTML 文件中，无论如何您都需要为每个选项卡更改发出新请求，因此使用服务器端脚本语言(如 PHP)管理选项卡并不是一个很大的步骤。您可以只检查 $_GET 变量并根据值包含不同的文件。这真的很容易。但是，不可能有动画；
您可以说，这种方法是 web 2.0 风格；因为您可以使用此方法制作动画。您应该使用 CSS 创建一个漂亮的选项卡式布局，然后使用 Javascript 进行选项卡切换。是的，有一些方法可以使用纯 CSS 来做到这一点，但这在许多浏览器中都行不通，因此您无论如何都必须使用 Javascript。
然后，有两种方法可以加载实际内容。当用户单击选项卡时，您可以使用 Javascript 通过 AJAX 请求加载内容。但是，这意味着在较慢的互联网连接上可能会有一些加载时间。因此，我个人更喜欢在服务器端使用 PHP 包含加载所有内容。这使得管理文件变得非常容易，同时仍然具有一个文件的优势。
在这个回答中，我假设您至少对 PHP 有所了解，如果不是这样:请询问。希望我有所帮助。 :)
关于javascript - html中选项卡式布局的最佳实践，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9671038/