html中插入php的方法

html中插入php的方法,第1张

1、第一种是在HTML中加PHP。

<head>

<metahttp-equiv="Content-Type"content="text/htmlcharset=utf-8"/>

<metahttp-equiv="Content-Language"content="zh-CN"/>

<title>HelloWorld</title>

</head>

<body>

<?php

echo"Helloworld!这是正文"

?>

</body>

</html>

2、第二种用echo输出HTML。

因为HTML有的元素中有双引号,所以用echo输出的内容用单引号括起来,避免出错,也省了转义这一步。比如这样的代码:

<?php

if(!$_POST){

echo‘<formaction=""method="post">

服务器地址:<inputtype="text"name="host"value="localhost"/><br/>

数据库账号:<inputtype="text"name="user"value=""/><br/>孝山

数据库密码:<inputtype="password"name="pwd"value=""/><br/>

指定数据库:<inputtype="text"巧纳中name="db"value="test"/><br/>

<inputtype="submit"value="确定"/>

</form>‘

}

?>

3、第三种就是用(<<<)标记符了,这是在PHP168的模板代码中首次见到的。

<?php

print<<<EOT

<divclass="茄樱slidecont">{$label[deepblue_mainslide]}</div>

<divclass="newcontainter">

<divclass="head">{$label[deepblue_mainh1]}</div>

<divclass="cont"id="Tab1">{$label[deepblue_maint1]}</div>

<divclass="cont"id="Tab2">{$label[deepblue_maint2]}</div>

</div>

<ahref="$rs[url]"title="$rs[descrip]"target="_blank">$rs[name]</a>

EOT

?>

如果你要html文件里连接一个php文件,可以考虑让web服务器支持ssi,用ssi来实现

如果是蔽斗让乘法表随意变颜色,你可以让html加载由php生成的css样式

<html>

<head>宏李磨

<link

rel="stylesheet"

href="css.php"/>扰岁

</head>

</html>

css.php文件输出css

不管是静态页面还是动态页面,最终呈现给用户的都是由HTML、CSS、JS等组成的,浏览器能解析的内容。

HTML模版与PHP的结合方式有三种:

混合编程

使用模版引擎

后端分离

混合编程

混合编程就是一个文件里既有态稿链HTML代码,也有PHP代码,这是PHP早期的开发模式。

使用模版引擎

由于在混合编程模式下,PHP文件里既有HTML代码,也有PHP代码,极不方便前端人员和后端人调试。这时候就有人提出可以帆孙模板引擎将模板文件与PHP代敬薯码分开开发,前端人员需要在模版文件里使用数据时就先用一些特殊的标签位代替,等页面渲染时模板引擎再把这些标签位使用PHP代码代替。PHP里比较常用的模版引擎有Smarty,QuickSkin一些主流的框架也会内置自己的模版引擎。

前后端分离

模板引擎的使用虽然一定程度上将模板文件和PHP代码分离开来,但模版引擎里一些特殊的标签,可能有时候还是得需要后端人员 *** 作,这样就导致前端人员和后端人员之间还是会有一些牵制,从而影响开发效率。

那如何排除前后端开发的相互干扰呢?答案:前后端分离。

前后端分离是将前端开发和后端开发隔离开来,前端开发人员只负责HTML、JS、CSS,后端人员只负责PHP,两者的交互只会通过接口调用的方式,如使用Ajax。前后端分离真正做到了前后端人员的相互分离,互不打扰,但相对而言也对前端人员产生了挑战,因为前端人员现在要知道如何处理数据。

随着现在终端越来越多,前后端分离将是一个必然的趋势。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12393354.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存