Путаница HTML-валидатора

Question

Путаница HTML-валидатора

0

По-прежнему пытаюсь найти формат вопросов здесь...

Я пытаюсь проверить свой 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>

Lalien-Miles Lamar Coleman 18 сен. 2013, в 05:09

Источник

Теги:

html

html5

validation

3 ответа

3

<!DOCTYPE html> должен быть до <html>

popdan 18 сен. 2013, в 01:18

0

Ваш DocType должен быть первым объявлением вашего файла. Вы не можете поместить его в тег html.

Так что просто инвертируйте объявление DocType с помощью тэга html, и вы будете хороши.

igelineau 18 сен. 2013, в 01:16

0

Кавычки необязательны для значения атрибута, такого как banner.jpg .
Jukka K. Korpela 18 сен. 2013, в 05:33
0

ты прав я его убрал.
igelineau 18 сен. 2013, в 11:04

Ещё вопросы

Кавычки необязательны для значения атрибута, такого как banner.jpg .

Jukka K. Korpela · Accepted Answer · 2013-09-18T03-46-00.000Z

Во-первых, строка <!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. И его не очень хороший стиль, чтобы использовать его для некоторых пустых элементов, но не для всех).