Название

Шаг 1 к созданию вашей первой веб-страницы. Обязательный элемент Doctype.

Ну, а сейчас приступаем к практике. Сейчас мы будем использовать знания, которые получили в предыдущих занятиях. Наша задача на сегодня наполнить HTML-файл, который создавался в предыдущих уроках первым содержимым.

Это содержимое является обязательной составляющей любой HTML-страницы. Выполните следующую серию шагов и в итоге мы с вами создадим свою первую HTML-страницу.

Элемент в HTML, о котором нужно узнать в первую очередь – это элемент Doctype.

doctype_html_thumb

Почему?

1) Он указывается самой первой строкой кода.

2) Это элемент, который обязательно должен присутствовать на странице.

Почитать о нем в спецификации можно здесь:

http://www.whatwg.org/specs/web-apps/current-work/multipage/syntax.html#the-doctype

Основная задача элемента doctype сообщить браузеру о типе документа, которым является веб-страница.

Дело в том, что язык HTML активно развивается и на сегодняшний день уже появилась его 5 версия. У каждой версии есть свои особенности и правила написания команд.

Чтобы браузер обрабатывал вашу страницу по тем стандартам, по которым вы ее написали, нужно указывать соответствующий doctype. Не указав его, вы рискуете, что ваша веб-страница в разных браузерах будет отображаться по стандартам разных спецификаций и по-разному.

На сегодняшний день, если вы будете создавать свои документы по спецификации HTML5, то doctype выглядит довольно просто.

<!DOCTYPE html>

Вы можете просто брать и копировать эту строку кода в каждую веб-страницу, которую вы будете создавать.

Но, если вы будете опираться на предыдущие версии HTML, то вам придется писать вот такие длинные формы записи:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Для строго синтаксиса версии 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

Для версии 4.01, где применяются фреймы.

В общем, раньше с doctype была целая проблема, сейчас все намного проще. Просто, при создании любого своего html-документа, первой строкой указывайте

<!DOCTYPE html>

13-09-2013 13-52-54

И все будет нормально.

Можете прямо сейчас открыть свой редактор кода и первой строчкой добавить туда элемент doctype.

После этого вы можете сказать, что вы молодец, т.к. только что сделан первый шаг к созданию вашей первой веб-страницы.

Переходим к следующему шагу и создадим корневой элемент html.

Назад Далее