垂直間距的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>