Wordpress HTML编码标准的垂直间距（HTML标签之间的空格）？

Question

我正在阅读Wordpress's coding standards

对我来说唯一令人困惑的部分是HTML代码之间的垂直间距，例如：

默认Wordpress主题3.03：

的sidebar.php：

<li id="search" class="widget-container widget_search">
                <?php get_search_form(); ?>
            </li>

            <li id="archives" class="widget-container">
                <h3 class="widget-title"><?php _e( 'Archives', 'twentyten' ); ?></h3>
                <ul>
                    <?php wp_get_archives( 'type=monthly' ); ?>
                </ul>
            </li>

（这是两个<li>标签之间的空格）

的header.php

<div id="masthead">
            <div id="branding" role="banner">
                <?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
                <<?php echo $heading_tag; ?> id="site-title">

（此处，div标签之间没有空格）

header.php（第79行......）：

</div><!-- #branding -->

            <div id="access" role="navigation">
              <?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
                <div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div>
                <?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu.  The menu assiged to the primary position is the one used.  If none is assigned, the menu with the lowest ID is used.  */ ?>
                <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
            </div><!-- #access -->
        </div><!-- #masthead -->
    </div><!-- #header -->

    <div id="main">

（这里，这3个<div>标签之间有空格

垂直间距的编码标准是什么（我不认为它是随机的）？

Answer 1

不确定我是否真的关注你，但有些例子..

格式正确的HTML

使用缩进，没有过多的空格

<div class="example1">
    <div class="example2">
        <div class="example3"></div>
        <div class="example4"></div>
    </div>
</div>

格式不正确的HTML - 示例1

没有缩进

<div class="example1">
<div class="example2">
<div class="example3"></div>
<div class="example4"></div>
</div>
</div>

示例2

无用的空白

    <div class="example1">



                <div class="example2">
                    <div class="example3"></div>
                                <div class="example4"></div>
        </div>
</div>

这并不是特定于WordPress，任何优秀的教师或教程都会鼓励格式良好的编码，当你使用一个好的编辑器时我没有什么借口（我的意思是认真的，哪些你觉得最易读，哪些更容易理解？）。

更多..

格式良好的PHP

适当使用缩进

if( something ) {
    do_something()
    if( some_nested_condition )
        do_something_else();
}

格式不正确

没有缩进，更难阅读

if( something ) {
do_something()
if( some_nested_condition )
do_something_else();
}

格式化代码可以更容易地阅读，理解或更新/维护（在您开始定期处理代码之前，这不是很有意义的事情）。再说一次，我不是最好的解释这些东西，所以我建议参考已经可用于“为什么”的信息..（我知道我的理由）..

混合PHP和HTML示例

模拟模板循环，仅用于说明

<div class="wrapper">

    <div class="header">
        <h1>My Website Heading</h1>
    </div>

    <div class="content">

    <?php if( have_posts() ) : ?>

        <div class="wrapsallposts">

            <?php while( have_posts() ) : the_post(); ?>

            <div class="post">
                <h2><?php the_title(); ?></h2>
                <div class="postcontent"><?php the_content(); ?></div>
            </div>

            <?php endwhile; ?>

        </div>

    <?php endif; ?>

    </div>

</div>