PHP 程式設計/html 輸出
外觀
< PHP 程式設計
您可以透過多種不同的方式使用 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">' . __( '← 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 × %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, __('← prev', 'appthemes') ); ?> <?php next_image_link( false, __('next →', '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(); ?>
除了使用 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 來編寫較小的指令碼會使程式碼更清晰(而對於較大的指令碼,我會使用模板)。但是,我們希望在這裡涵蓋大多數語言,因此這可以作為您使用的另一種方法。