Php 格式化HTML

我一直在尝试使用PHP中的制表符短代码使制表符正常工作

我问题的第一部分是找出如何在PHP文件中编写PHP代码和短代码。帮我解决了这个问题

第二个问题是如何让HTML在前端工作。这可能是某种CSS或HTML冲突，但选项卡不起作用

插入第一个问题的代码后，我的HTML源代码如下所示

我不知道为什么标签不能正确显示内容。相反，它们是垂直对齐的。我觉得它可能与第一个包含“类别面板”有关，因为当我删除它时，它工作得更好

我正在编写localhost供您参考

---

谢谢你的帮助

当您通过w3c验证程序运行它时，会出现许多验证错误。未关闭的标记、嵌套在内联元素中的块等。我猜这是一个未关闭的标记。你能具体告诉我们哪些元素应该是标签吗？我甚至找不到“Tab 4 Content here”，它应该是一个选项卡。很抱歉，我删除了Tab 3和4，因为我实际上只是添加了它们，以查看这些选项卡是否可以正常工作，其中包含纯文本。选项卡1中应该显示的内容是“类别”面板，选项卡2是“主地图”（很抱歉，上面无意中称之为“主地图”面板），还需要注意的是，我觉得是“类别”面板出现了问题，因为当我删除上面代码中的文件引用时，第二个选项卡正确呈现-hoep有帮助？您可以更新粘贴吗？给我们一个categories选项卡元素的id？id=categories面板的位置-也是pastie更新的-从Firebug中我可以看到，它似乎只是扩展了位置，将选项卡作为一个位置包含进来。在层次结构中，选项卡实际上位于位置ID内-嗯，一定有什么东西不能关闭？嗨，jeremy-我实际上设法修补了categories-panel.php，并删除了一些代码使其工作！现在的问题是第二个选项卡中的地图没有加载！只有一小块谷歌地图可以载入。但是，当它在第一个选项卡中时，它可以正常加载！也许这是另一个问题：）谢谢你的帮助，非常感谢！！

ob_start();
get_template_part("includes/categories-panel");
$cats = ob_get_clean();
ob_start();
get_template_part('includes/home-map-panel');
$home = ob_get_clean();

echo do_shortcode('[tabs style="boxed"]
[tab title="First Tab"]' .$cats. '[/tab]
[tab title="Second Tab"]'. $home  .'[/tab]
[tab title="Third Tab"] Tab 3 Content here [/tab]
[tab title="Fourth Tab"] Tab 4 Content here [/tab]
[/tabs]');