将动态（php）内容与静态内容（html）划分为网页设计的最佳方法？

Question

直到今天我一直在使用notepad ++进行网站开发。我的代码就像：

... 
<div><?php
$han=mysql_query("Blah blah ...");
$row=mysql_fetch_array($han);
// and so many codes to process text ..
echo $something;
?></div>
...

但是维护这种代码真的很难。现在我看到网页设计的一切都在变化。每个人都会使他们的网站响应。我希望我可以在不看动态代码的情况下更改我的HTML代码。

例如，我认为我有这样的html文件（static.html）：

<div>#{content_here}</div>

还有一个像这样的单独的php文件：

<?
$static_content=file_get_contents("static.html");
$han=mysql_query("Blah blah ...");
$row=mysql_fetch_array($han);
// and so many codes to process text ..
$content_here=$something;
echo str_replace("#{content_here}",$content_here,$static_content);
?>

这样我可以将静态内容与动态内容分开。但这都是我的创新。每当我发明一些东西，我发现甚至已经发明了更好更广泛的东西。

那么已经有IDE支持这种Web开发了吗？可能会以json格式获取php生成的内容，然后将其与Html内容混合。