為什麼html和php混合使用?html和php混寫的四種方式

來源:互聯網
上載者:User
下面小編就為大家帶來一篇PHP/HTML混寫的四種方式總結。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

PHP作為一款後端語言,為了輸出給瀏覽器讓瀏覽器呈現出來,無可避免的要輸出HTML代碼,下文介紹下我用過的三種PHP/HTML混編方法

1、單/雙引號包圍法

這是最初級的方法了,用法就像下面這樣

<?php echo ' <!DOCTYPE html> <html>   <head>     <title> </title>   </head>   <body>     <span>測試頁面</span>   </body> </html> ';?>

這樣是最簡單的一種方法了,直接用單引號封裝上就行了

至於雙引號和單引號的區別,就在於前者解析引號內的變數,而後者不解析引號內的變數,參看下面的例子

<?php $Content='Hello!'; echo "$Content"; echo '<br>'; echo '$Content'; ?>

輸出

1 Hello!
2 $Content

由此可見,用雙引號包圍的字串中的變數名自動解析為了變數值,而用單引號包圍則依然顯示變數名

這樣書寫的缺點有兩點

1、如果輸出內容中包含單/雙引號將極難處理,因為PHP無法判斷這個引號是屬於程式的還是輸出內容的,所以會報錯

2、這樣書寫一些現代文字編輯器(如SublimeText)將無法對引號包圍的輸出的內容進行文法著色,如果出現一些格式問題將極難發現。圖中為SublimeText3的一張,上面的是正常的著色,下面則是用引號包圍的著色

2、使用HEREDOC/NOWDOC

HEREDOC和NOWDOC是PHP5.3開始支援的一種新特性,它允許在程式中使用一種自訂的標誌符來包圍文本,而HEREDOC和NOWDOC的關係就類似於雙引號包圍和單引號包圍一樣,前者解析區塊內的變數,而後者不解析區塊內的變數

下面介紹HEREDOC和NOWDOC的用法

<?php $Content='Hello!';  //下面寫出了一個HEREDOC,其中標識LABEL可以自訂為任何字串,但要保證開頭的標識和結尾的標識一樣 echo <<<LABEL $Content LABEL; //結尾的方法:另起一行,打上LABEL。注意結尾的標識前面和後面不要插入任何字元,空格也不行  echo '<br>';//為了示範方便換行  //NOWDOC和HEREDOC的書寫方式差別在於NOWDOC的標識符需要用單引號包圍 echo <<<'LABEL' $Content LABEL; //其他無異  ?>

也可以參考PHP.net上的關於這兩個的wiki:https://wiki.php.net/rfc/heredoc-with-double-quotes

用HEREDOC/NOWDOC書寫極好的解決了包圍引號的問題,但依然沒有解決文法著色失效的問題

3、HTML中嵌入PHP程式塊(推薦)

這是一種非常合適的辦法,並且這種方法廣泛用在了諸如WordPress模板等場合中。書寫起來也較為方便,直接在需要輸出的地方寫上相關的代碼就行了,就像下面這樣

<?php  //首先在這裡寫好相關的調用代碼 function OutputTitle(){   echo 'TestPage'; } function OutputContent(){   echo 'Hello!'; }  //然後再下面調用相關函數就可以了 ?>  <!DOCTYPE html> <html>   <head>     <title><?php OutputTitle(); ?></title>   </head>   <body>     <span><?php OutputContent(); ?></span>   </body> </html>

我認為這種方法是在這三種方法中最好的,但是這樣做的缺點是如果這樣的代碼塊一多了就會嚴重影響程式閱讀。

4、使用前端模板引擎

由於前端的重要性在整個Web開發中日益上升,現在前/後端工程師逐漸在分離成兩個職業,所以說為了確保前/後端工程師能夠相互配合,使前端開發和後端開發出來的東西對接更完美,逐漸催生出了一系列前端模板引擎,比如Smarty。使用Smarty書寫的實現代碼可讀性非常的高,這使前/後端的分離也更加的高效和便捷。有興趣的同學可以去搜尋瞭解

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.