Я пытаюсь проверить эту страницу формы xhtml, и она не будет проверена

#html #xhtml #xhtml-1.0-strict #html-validation

#HTML #xhtml #xhtml-1.0-strict #html-проверка

Вопрос:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>The Magic Genie</title>
<link href="java-game.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="java-game.js"></script>
</head>

<body class="oneColFixCtr">

<div id="container">
  <div id="mainContent">
    <h1>Ask Your Magic Genie </h1>

<form>
Your question: <input type="text" name="question" size="40">
<input type="button" name="ask" value="Ask the Genie" onClick="if (this.form.question.value!='') this.form.answer.value = genie();">
<br />
<br />
Your magic genie says:  <input type="text" name="answer" size="50">
</form></p>


</div>
</body>
</html>

1. Это даже не связный код; вы не закрыли свой входной тег, и у вас есть случайные теги в атрибуте «onClick», который на самом деле должен быть «onclick» в XHTML. У вас также есть входной тег с пустым типом, который также не имеет смысла.

Ответ №1:

Ну, ваша проблема в том, что у вас нет тега doctype, html, head или body.

Ответ №2:

Ваша страница не будет проверена просто потому, что вы неправильно вложили / закрыли теги, а у некоторых тегов нет правильных атрибутов для них.

1. Примечание: Не утруждайте себя редактированием этого вопроса, чтобы попытаться выделить его. Фундаментальной проблемой является отсутствие базовой согласованности.

Ответ №3:

Прежде всего, вы говорите о xhtml и добавили тег xhtml-1.0-strict, но в вашем заголовке указано: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> .

Я никогда в своей жизни не видел, чтобы <body class="oneColFixCtr"> класс добавлялся в <body> . Вы можете манипулировать <body> в CSS с помощью: body {background: red;} .

Отсутствовали 1x <div> теги! Был 1x дополнительный </p> . Многие теги не заканчивались на / . <form> отсутствовал метод и параметр действия!

Кроме того, если вы хотите 100% идеальную проверку, вы не можете использовать onclick="" . Я добавил jQuery в ваш скрипт.

Живой пример: http://kopli.pri.ee/stackoverflow/5653786.php (нажмите здесь для проверки)

Полная версия кода:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>I am trying to validate this form page xhtml and it will not validate - Kalle H. Väravas</title>
    <link href="java-game.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript" src="java-game.js"></script>
</head>
<body>
    <div id="container">
        <div id="mainContent">
            <h1>Ask Your Magic Genie </h1>
            <form method="post" action="">
                Your question: <input type="text" name="question" size="40" />
                <input type="button" name="ask" value="Ask the Genie" /><br />
                <br />
                Your magic genie says:  <input type="text" name="answer" size="50" />
            </form>
        </div>
    </div>
    <script type="text/javascript">
        $('input[name=ask]').click(function () {
            if ($(this).form.question.value!='') {
                $(this).form.answer.value = genie();
            }
        });
    </script>
</body>
</html>