Question

我有以下测试文档：

<!DOCTYPE html>
<html>
<head>
<title>A Word finding Tutorial
</title>
</head>
<body>
<?php
include "inc/header.php";
?>
<form action="test3.php" method="GET">
Text Field: <br> <textarea name="long_text" rows="4" cols="50">Enter the Para Here.</textarea>
<br>
Finding : <br> <input type="text" name="find" value="Enter the word to find">
<input type="submit" value="Submit"> 
Result:
</body>
</html>

现在header.php文件有点像这样： -

<html>
<head>
<style>
img#imgheader {margin:5px;padding:10px 5px;}
div#header {background-color:#ccff33;}
</style>
</head>
<body>
<div id="header" style="text-align: center;">
<img id="imgheader" src="\test\img\trial.png" alt="header" height="30px" width="60px">
</div>
</body>
</html>

现在我的问题是，当我看到test.php的最终输出的源代码时，它基本上被搞砸了如下： -

<!DOCTYPE html>
<html>
<head>
<title>A Word finding Tutorial
</title>
</head>
<body>
<html>
<head>
<style>
img#imgheader {margin:5px;padding:10px 5px;}
div#header {background-color:#ccff33;}
</style>
</head>
<body>
<div id="header" style="text-align: center;">
<img id="imgheader" src="\test\img\trial.png" alt="header" height="30px" width="60px">
</div>
</body>
</html>
<form action="test3.php" method="GET">
Text Field: <br> <textarea name="long_text" rows="4" cols="50">Enter the Para Here.</textarea>
<br>
Finding : <br> <input type="text" name="find" value="Enter the word to find">
<input type="submit" value="Submit"> 
Result:
</body>
</html>

正如您可以看到最终输出类似于HTML页面中的Html页面。所以基本上它没有被w3优化，但它可能在将来产生错误。我的问题是它是否正确的方式这样做，如果不是如何写它，所以它最终不会搞砸。

Answer 1

很明显，您所包含的文件不应包含这些标头。我建议你先创建一个css文件

<强> mystyle.css

#header {text-align: center;}
img#imgheader {margin:5px;padding:10px 5px;}
div#header {background-color:#ccff33;}

然后 header.php 应该看起来像（注意你的斜杠不起作用），

<link rel="stylesheet" type="text/css" href="mystyle.css" />
<div id="header">
  <img id="imgheader" src="/test/img/trial.png" alt="header" height="30" width="60">
</div>

它目前包含重复的html标记，因为您将它们包含在header.php。

中

Answer 2

这不是正确的HTML。您必须将header.php文件编辑为：

<?php     

function returnHead() { ?> 
    <style>
    img#imgheader {margin:5px;padding:10px 5px;}
    div#header {background-color:#ccff33;}
    </style> 
<?php }


function returnBody() { ?> 
    <div id="header" style="text-align: center;">
    <img id="imgheader" src="\test\img\trial.png" alt="header" height="30px" width="60px">
    </div> 
<?php } 

?>

然后将测试文档转为：

<?php
include "inc/header.php";
?>
<!DOCTYPE html>
<html>
<head>
<title>A Word finding Tutorial</title>
<?php returnHead(); ?>
</head>
<body>
<?php returnBody(); ?>
<form action="test3.php" method="GET">
Text Field: <br> <textarea name="long_text" rows="4" cols="50">Enter the Para Here.</textarea>
<br>
Finding : <br> <input type="text" name="find" value="Enter the word to find">
<input type="submit" value="Submit"> 
Result:
</body>
</html>

最终输出搞砸了一些基本的PHP

2 个答案: