[HTML / CSS / JavaScript / PHP]：必須按哪個順序編寫代碼？

Question

在由PHP，HTML，CSS和JavaScript組成的文件中編寫代碼時，每種代碼必須以什么順序出現？ 分離演示文稿和邏輯的最佳實踐是什么？

有時在鏈接標記中使用外部.js和其他文件。 這些鏈接標記必須出現在哪里？

Answer 1

這並不能直接回答問題，但是Rasmus Lerdorf（PHP的創建者）寫的文章中有一些很好的例子可以效仿。

干凈簡單的設計。 HTML應該看起來像HTML。 使PHP代碼在視圖中極其簡單：函數調用，簡單的循環和變量替換應是您所需要的

Answer 2

如果不是全部，則大多數javascript應該是從標頭（在標簽之間）鏈接的外部文件，還是在結束標簽附近的底部一直鏈接的外部文件，具體取決於您如何增強頁面。

在我看來，css絕對不能內聯。 從標題鏈接的外部CSS文件開始，如果必須轉到文件級別。 即。

<head>
<style type="text/css">
/* CSS CODE HERE */
</style>
</head>

就php最佳實踐而言，不要在html模板中進行數據庫調用。 保持模板簡單的PHP。 如果是，則回顯您的數據庫結果。

Answer 3

您的標簽應該（必須？）放在頁面的頂部。

有少數例外，但是大多數情況下，您的CSS會位於一個外部.css文件中，您將在該文件中進行鏈接，就像您提到的.js文件一樣。 加載外部腳本所需的順序可能取決於它們的內容。 例如，如果您使用的是jQuery插件，則需要在插件文件之前加載jQuery庫。

PHP和HTML通常會在文檔中交織在一起。 關於SO應該如何在PHP中顯示HTML，SO和其他地方都有討論。

?> <!--html goes here--> <?php

要么

echo '<p>This is my html</p>';

..但我從未見過任何一種方法的明確答案。 使用任何使您清晰易讀的文件。

Answer 4

除了非常小的部分（例如html中的js）外，所有這些都必須位於不同的文件中。 鏈接標記的最佳位置是html的頭部。