格式化&缩进许多级别的HTML标记

时间:2015-12-28 09:49:16

标签: html

我已经阅读了一些答案和文件。他们介绍了如何格式化和缩进HTML。但我找不到任何答案告诉我如何缩进许多级别的HTML标签。我用表格布局写了一个电子邮件模板,它有5级表。所以对于最后一个级别,我有80个空格用于缩进。我几乎向左和向右滚动以编辑我的代码。这样做太烦人了

enter image description here

请提出更好的解决方案!

3 个答案:

答案 0 :(得分:1)

您可以使用两个空格缩进而不是制表符缩进。

请参阅链接:html indenting standard, tab or two spaces?

答案 1 :(得分:1)

正如我在评论中所说,这个问题不是我们Stack Overflow中的“问题”倾向于解决的问题。更多基于意见的问题。

以答案的形式,我会说永远不会使用空格来缩进代码。每个空格都被视为一个字符,如果您从编辑软件转移到另一个空间,这可能会导致缩进问题。

不同的软件以不同的方式缩进代码,我相信这些程序中的大多数都具有允许您调整TAB输出的缩进量的设置。

要快速自动缩进HTML代码,您应该使用 SHIFT + TAB ,这在大多数编辑器中都有效。如果不是,你就要分别缩进每一行了。

答案 2 :(得分:1)

您复制的代码可能是自动编写的。没有人写它所以它的结构不容易阅读。

听起来像模板中的模板。每个模板可能都是由一个人编写的,然后整个批次通过自动化组合在一起。

虽然有理由不深入嵌入代码(你刚刚发现了一个!),但我不会说没有陈述原因是件坏事。

如果你必须把它全部放在一个文件中,那就用你的想象力......我想的第一件事就是:

<table>
    <tr>
        <table>
            <tr>
                <table>
                    <tr>

<!-- ======= NEST 1 ======== -->
<table>
    <tr>
        <table>
            <tr>
                <table>
                    <tr>

除此之外

  • 如上所述,IDE中可能存在使用2个空格的设置 而不是4代表缩进,这很常见。

  • 尝试模拟模板内的模板 结构化并使用php include()来实现类似的东西