По-прежнему пытаюсь найти формат вопросов здесь...
Я пытаюсь проверить свой HTML для моего класса веб-дизайна... и для получения полного кредита мне не нужны ошибки.
Я проверил его миллион раз, и мой валидатор клянется, что мой <head> </head>
по-прежнему открыт, и я не объявлял DOCTYPE. Я новичок в этом, поэтому не стесняйтесь называть меня noob.
Это валидатор, который я использую: http://validator.w3.org/
<html>
<!DOCTYPE html>
<head>
<title> Wonder Penguin! </title>
<link rel="shortcut icon" href="penguinicon.png">
<link rel="stylesheet" href="solo.css"/>
</head>
<img src= banner.jpg alt="Penguin!" />
<div id="content">
<div id="main" class="section">
<form action="solo.php" method="POST">
<h1> Personal Information </h1>
<label for="first_name">First Name:</label> <input type="text" name="first_name" size="20" />
<br>
<label for="last_name"> Last Name:</label> <input type="text" name="last_name" size="20" />
<br>
<label for="twitter">Twitter:</label><input type="text" name="twitter" size="20" />
<br>
<label for="website">Personal Website:</label><input type="text" name="website" size="20" />
<h1> Location </h1>
State:<input type="Text" name="state" size="10" />
<br>
City: <input type="text" name="city" size="10" />
<br>
<input type="submit" value="Let go!" size="80" />
<input type="reset" value="Start over?" size="80" />
</form>
</div>
<div id="column" class="section">
</div>
<div id="updates" class="section">
<h1> Updates </h1>
<p>
Hello!
</p>
</div>
<div id="aboutyou" class="section">
</div>
<div id="footer" class="section">
Footer is here!
<br>
<script type="text/javascript">
printToday();
</script>
</div>
</div>
</html>
Во-первых, строка <!DOCTYPE html>
должна быть в самом начале документа, чтобы вступить в силу. Поэтому переместите <html>
после него или удалите <html>
(он не нужен в HTML5, и это то, что вы намерены соблюдать, когда говорите <!DOCTYPE html>
.
Тогда вы получите еще несколько сообщений об ошибках. Удалите атрибут size
из кнопки отправки и кнопку destruct (или "reset") - она не разрешена и не распознается браузерами. (Если вы хотите установить ширину кнопок, вы можете использовать атрибут style="width: 80px"
, но dont.) Осталось тогда несколько "Атрибут for для элемента label должен ссылаться на элемент управления формы " Сообщения. Исправьте это, добавив атрибуты id
в поля ввода текста, например
<label for="first_name">First Name:</label>
<input type="text" id="first_name" name="first_name" size="20">
Значение атрибута for
должно соответствовать значению атрибута id
; атрибуты name
здесь неактуальны (но они необходимы, чтобы называть поля, чтобы их содержимое отправлялось в данные формы).
(Я опустил /
before >
, потому что это бессмысленно - хотя и разрешено - в сериализации HTML HTML5. И его не очень хороший стиль, чтобы использовать его для некоторых пустых элементов, но не для всех).
<!DOCTYPE html>
должен быть до <html>
Ваш DocType должен быть первым объявлением вашего файла. Вы не можете поместить его в тег html.
Так что просто инвертируйте объявление DocType с помощью тэга html, и вы будете хороши.
banner.jpg
.