html — окончательный вывод испортил некоторые основные переполнения стека
У меня есть следующий тестовый документ:
<!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>
Теперь моя проблема в том, что он в основном испорчен, когда его выводят, как я видел Исходный код Final Output 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, но в будущем может привести к ошибкам.
Мой вопрос в том, правильно ли это сделать или нет, а если нет, то как это написать, чтобы в итоге это не испортилось.
Решение
Это не правильный 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>
Другие решения
Кажется, довольно ясно, что ваш включенный файл не должен содержать эти заголовки. Я предлагаю вам сначала создать 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,