跳轉到內容

PHP 程式設計/html 輸出

來自華夏公益教科書,開放的書籍,面向開放的世界

您可以透過多種不同的方式使用 PHP 顯示 HTML。通常,您將使用 echo 命令輸出內容。這將被網頁瀏覽器看到,然後瀏覽器將對其進行格式化。

<?php get_header(); ?>

<div class="content">

    <div class="content_botbg">

        <div class="content_res">

            <!-- full block -->
            <div class="shadowblock_out">

                <div class="shadowblock">

                    <div class="post">

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

                            <?php if ( !empty( $post->post_parent ) ) : ?>
                            
                                <p class="page-title"><a href="<?php echo get_permalink( $post->post_parent ); ?>" title="<?php esc_attr( printf( __( 'Return to %s', 'appthemes' ), get_the_title( $post->post_parent ) ) ); ?>" rel="gallery"><?php
                                    printf( '<span class="meta-nav">' . __( '&larr; Return to %s', 'appthemes' ) . '</span>', get_the_title( $post->post_parent ) );
                                ?></a></p>
                                
                            <?php endif; ?>

                            <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                            
                                <h2 class="attach-title"><?php the_title(); ?></h2>
            
                                <div class="attach-meta">
                                    <?php
                                        printf( __( '<span class="%1$s">By</span> %2$s', 'appthemes' ),
                                            'meta-prep meta-prep-author',
                                            sprintf( '<span class="author vcard"><a class="url fn n" href="%1$s" title="%2$s" rel="author">%3$s</a></span>',
                                                get_author_posts_url( get_the_author_meta( 'ID' ) ),
                                                sprintf( esc_attr__( 'View all ads by %s', 'appthemes' ), get_the_author() ),
                                                get_the_author()
                                            )
                                        );
                                    ?>
                                    
                                    <span class="meta-sep">|</span>
                                    
                                    <?php
                                        printf( __( '<span class="%1$s">Uploaded</span> %2$s', 'appthemes' ),
                                            'meta-prep meta-prep-entry-date',
                                            sprintf( '<span class="entry-date"><abbr class="published" title="%1$s">%2$s</abbr></span>',
                                                esc_attr( get_the_time() ),
                                                get_the_date()
                                            )
                                        );
                                        
                                        if ( wp_attachment_is_image() ) {
                                            echo ' <span class="meta-sep">|</span> ';
                                            $metadata = wp_get_attachment_metadata();
                                            printf( __( 'Full size is %s pixels', 'appthemes' ),
                                                sprintf( '<a href="%1$s" title="%2$s">%3$s &times; %4$s</a>',
                                                    wp_get_attachment_url(),
                                                    esc_attr( __( 'Link to full-size image', 'appthemes' ) ),
                                                    $metadata['width'],
                                                    $metadata['height']
                                                )
                                            );
                                        }
                                    ?>
                                    
                                    <?php edit_post_link( __( 'Edit', 'appthemes' ), '<span class="meta-sep">|</span> <span class="edit-link">', '</span>' ); ?>
                                    
                                </div><!-- /attach-meta -->
                        
                                <div class="entry-content">
                                
                                    <div class="entry-attachment">
                                    
                                        <?php if ( wp_attachment_is_image() ) : ?>
                                        
                                            <?php
                                            $attachments = array_values( get_children( array( 'post_parent' => $post->post_parent, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => 'ASC', 'orderby' => 'menu_order ID' ) ) );
                                            
                                            foreach ( $attachments as $k => $attachment ) {
                                                if ( $attachment->ID == $post->ID )
                                                    break;
                                            }
                                            
                                            $k++;
                                            // If there is more than 1 image attachment in a gallery
                                            if ( count( $attachments ) > 1 ) {
                                                if ( isset( $attachments[ $k ] ) )
                                                    // get the URL of the next image attachment
                                                    $next_attachment_url = get_attachment_link( $attachments[ $k ]->ID );
                                                else
                                                    // or get the URL of the first image attachment
                                                    $next_attachment_url = get_attachment_link( $attachments[ 0 ]->ID );
                                            } else {
                                                // or, if there's only 1 image attachment, get the URL of the image
                                                $next_attachment_url = wp_get_attachment_url();
                                            }
                                            ?>
                                        
                                            <p class="attachment"><a href="<?php echo $next_attachment_url; ?>" title="<?php echo esc_attr( get_the_title() ); ?>" rel="attachment">
                                            <?php
                                                $attachment_width  = apply_filters( 'appthemes_attachment_size', 800 );
                                                $attachment_height = apply_filters( 'appthemes_attachment_height', 800 );
                                                echo wp_get_attachment_image( $post->ID, array( $attachment_width, $attachment_height ) );
                                            ?></a></p>
                    
                                            <div id="nav-below" class="navigation">
                                            
                                                <div class="next-prev"><?php previous_image_link( false, __('&larr; prev', 'appthemes') ); ?>&nbsp;&nbsp;&nbsp;<?php next_image_link( false, __('next &rarr;', 'appthemes') ); ?></div>
                                                
                                            </div><!-- /nav-below -->
                                            
                                        <?php else : ?>
                                        
                                            <a href="<?php echo wp_get_attachment_url(); ?>" title="<?php echo esc_attr( get_the_title() ); ?>" rel="attachment"><?php echo basename( get_permalink() ); ?></a>
                                            
                                        <?php endif; ?>
                                        
                                    </div><!-- /entry-attachment -->
                                        
                                    
                
                                </div><!-- /entry-content -->
                                
                            </div><!-- /post -->
                        
                        <?php endwhile; // end of the loop ?>

                        <div class="clr"></div>


                    </div><!--/post-->

                </div><!-- /shadowblock -->

            </div><!-- /shadowblock_out -->

            <div class="clr"></div>

        </div><!-- /content_res -->

    </div><!-- /content_botbg -->

</div><!-- /content -->
	
<?php get_footer(); ?>

用於輸出的 PHP 斷點

[編輯 | 編輯原始碼]

除了使用 echo 和 print 等函式之外,您還可以結束指令碼,指令碼末尾之後的所有內容都將作為普通 HTML 輸出到瀏覽器。您也可以在關閉 PHP 標籤後隨時重新啟動指令碼。困惑了嗎?實際上很簡單。

假設您有一個 for 迴圈,用來計算到 5 並輸出結果。

<?php
 
echo("<ul>");
for($x = 1; $x < 6; $x++)
{
  echo("<li>" . $x . "</li>");
}
echo("</ul>");
 
?>

雖然我傾向於使用 模板 來輸出較大的頁面,但我們稍後會講到。還記得您的所有 PHP 指令碼都以 <?php 開頭,並以 ?> 結束嗎?它們不一定是檔案的開頭和結尾。實際上,PHP 處理結束和重新啟動指令碼的方式就像將 > 和 <?php 標籤之間的所有內容都放在 echo 語句中一樣。

因此,您可以執行以下操作

<ul>
 
 <?php
 for($x = 1; $x < 6; $x++)
 {
 ?>
  <li><?= $x ?></li>
 <?php
 }
 ?>
 
</ul>

這實際上是一種在指令碼中輸出變數的非常常見的方法,尤其是在變數周圍有大量的 HTML 程式碼的情況下。正如我之前所說,我個人很少這樣做,因為我認為使用 echo 來編寫較小的指令碼會使程式碼更清晰(而對於較大的指令碼,我會使用模板)。但是,我們希望在這裡涵蓋大多數語言,因此這可以作為您使用的另一種方法。


華夏公益教科書