HTML5樣板文件中的PHP

我聽說Paul Irish提供的HTML5樣板文件。我看了幾個關於它的教程。我甚至觀看了Paul Irish本人關於HTML5 Boilerplate的視頻。我只是明白，HTML5樣板是一個模板，可以爲您的Web應用程序創建更好，快速和跨瀏覽器支持的用戶界面。我只是對所有的東西有點困惑。HTML5樣板文件中的PHP

在使用樣板文件時，將PHP文件放在哪裏？ 我只是一個初學者，我一直與PHP一起工作在一個嵌入HTML和CSS的本地主機上，所以這個東西對我來說有點新鮮。我的意思是把你的php代碼放在那個模板裏。

我不知道，如果它是一個愚蠢的問題，只是覺得一個新手問你愚蠢的事情:)

來源

2014-11-23 Subhan Ahmed

你說的是兩個不同的東西 - 與服務器端混淆前端客戶端的東西。

如果您習慣使用PHP來生成HTML，那麼不會有太多改變。您需要解決的問題是，從服務器提供的每個頁面（即由PHP生成的頁面）都需要包含對HTML5 Boilerplate中所需的所有CSS和JS的引用。

一個簡單的方法來實現這將是一個PHP包含文件包含頁眉和頁腳組件。例如，在源代碼中的HTML5樣板，你有一個名爲index.html的文件，它包含的代碼行：

<!-- Add your site or application content here --> 
<p>Hello world! This is HTML5 Boilerplate.</p>

上面的一切，其中包括在一個名爲header.php文件（例如）和那麼它下面的所有內容都包含在一個名爲footer.php的文件中

現在，每當您爲PHP頁面提供服務器端生成的任何內容時，請記住包含這兩個文件。這是一個標準的PHP包含技術。所有你需要確保的是我們正確處理的每個JS和CSS源的路徑。

（或者，您也可以使用PHP模板系統，並具有處理這些包括更優雅如果你有喜歡的模板引擎使用。）

編輯：一些非常基本的僞代碼。示例頁面「的index.php」

<?php 
include "header.inc.php"; 
include "html5boilerplate_components.inc.php"; 
include "my_css.inc.php"; 
include "my_js.inc.php"; 

include "homepage_content.inc.php"; 

include "footer.inc.php"; 
?>

那麼你還是換出homepage_content.inc.php爲不同文件不同的頁面。（如果你想讓它變得更加整潔，你可能會把你的CSS/JS等包含在頭文件中）做你的項目最適合你的項目，它允許更多的可重用代碼）

來源

2014-12-04 11:25:05 andyg1

我習慣寫代碼前端部分。例如我寫header.php，footer.php messageBox.php等，然後我將這些部分包括在所需的地方。令人困惑的是，html5鍋爐板的哪些部分出現在index.html文件中，它處理跨瀏覽器兼容性問題等，比如在index.html開始時對iE進行條件檢查。我是否應該在每個文件中寫這些檢查？ – 2014-12-05 07:07:09

@SubhanAhmed - 「不要重複你自己」 - 任何需要在每個頁面中提取的內容都會提取到包含文件並將其包含到每個頁面中。我將編輯我的答案以演示一些僞代碼。 – andyg1 2014-12-05 11:03:53

HTML5樣板文件中的PHP

回答

相關問題