Wordpress HTML стандарт кодирования для вертикального интервала (пробел между тегами HTML)

Question

Я читал Стандарты кодирования Wordpress

Единственная запутанная часть для меня - вертикальный интервал между 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>