Уроки html для создания сайта | Как создать свой сайт

Уроки html для создания сайта. Что такое DOCTYP

Фев-20-2010 Автор: VeryOldMan

К Вашему вниманию — html уроки для начинающих. По сравнению с уроками верстки страницы сайта в визуальном редакторе Dreamweaver — уроки html верстки кажутся скучными. Да они такие и есть. Но если Вы хотите прыгнуть на ступеньку выше в деле создания сайтов, то они необходимы.

Вы, конечно, имеете полное право задать вопрос: «А зачем нам нужно изучать язык html, если в визуальном редакторе, тем более в таком, как Dreamweaver, можно сверстать web- страницу не зная этого языка?» И уроки html  кому тогда нужны? Вопрос логичен. Попробую ответить на него с помощью такого вот примера. Допустим, вы переходите дорогу, не видя сигнала светофора. Кто-то стоит на той стороне улицы и говорит вам что он зеленый. Вы как будто и верите этому товарищу, но с другой стороны сомнения все, же присутствуют. Цена ошибки в верстке страницы сайта, конечно, не так высока, как в случае с переходом дороги, но делать web- страницу вслепую для мастера, пусть и не очень пока высокого уровня, как-то не солидно. Тем боле что и Dreamweaver не всемогущ и в визуальном режиме в нем можно сделать далеко не все. Будем считать, что я вас убедил или хотя бы тех, кто хочет более глубоко разобраться в верстке web-страниц.

Прежде чем непосредственно мы возьмемся за уроки html для создания сайта и в частности изучению языка html, давайте разберемся со стандартными командами, которые содержит каждая web- страница. Откройте браузером какую-либо страницу Интернета. Откройте ее в режиме Код страницы, комбинацией клавиш Ctrl+U. Практически на каждой открываемой странице вы увидите, что она начинается с такого или приблизительно такого кода:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»

«http://www.w3.org/TR/html4/loose.dtd»>

Это так называемый доктип (DOCTYPE). Зачем он нужен? Дело в том, что для надежной обработки браузерами любой web- страницы, эта страница должна соответствовать определенному стандарту. Для этого, когда-то, был придуман и использован алгоритм определения типа документа по имени DTD (Document Type Definition). Используя этот код, браузеры точно определяют тип документа, с которым имеют дело. Может ли web- страница быть без этого кода? Может, но браузер, в таком случае, посчитает ее очень старой, и отображать будет соответственно.

Какие бывают варианты DOCTYPE. Это Strict (строгий), Transitional (переходный), Frameset (с фреймами). А в зависимости от языка разметки гипертекста:

Для стандарта HTML 4.01:

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

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>

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

Для стандарта XHTML 1.0:

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Strict//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd»>

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Frameset//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd»>

Для стандарта XHTML 1.1 DTD:

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.1//EN» «http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd»>

Чем отличаются стандарты Strict (строгий), Transitional (переходный), Frameset (с фреймами)?

Strict (строгий) — говорит о том, что web страница не имеет элементов, отмеченных как «устаревшие» или «не одобряемые» (deprecated) и не имеет фреймов.

Transitional (переходный) — это означает, что web страница включает в себя все то, что включает в себя стандарт Strict и может иметь устаревшие теги, с целью совместить и упростить переход со старых версий html и не имеет фреймов.

Frameset (с фреймами)— это означает, что web- страница имеет все, что включено в стандартTransitional и имеет фреймы.

Продолжаем уроки html. Чем отличаются языки HTML и XHTML?  XHTML – представляет собой язык разметки гипертекста, который основан XML. В то же время этот язык максимально приближен к применяющимся в настоящее время стандартам HTML. Основное отличие XHTML от HTML- это строгость написания кода. HTML разрешает писать, без преувеличения, любые конструкциии любой браузер их правильно покажет. В XHTML это невозможно. Здесь необходимо строго соблюдать все правила, предъявляемые W3C, что позволяет избегать многих ошибок при написании и отладки кода.

Вот пока на сегодня и все уроки верстки html.   Да, кстати, редактор Dreamweave — доктип делает автоматом, когда вы создаете новую web-страницу в процессе html верстки сайта. Причем такой, какой вы задали в настройках редактора.

По теме уроков html верстки сайта :

 






3 комментария
  1. Вова Пишет,

    Мда…

    Не знаю, чем данный ресурс полезен остальных…

    У каждого сейчас есть сайт и каждый практически считает себя веб-дизайнером… но только некоторые действительно талантливы…

  2. Вова Пишет,

    Но, как говорится, респект и уважение автору, что он своими силами создал и продвигает свое творение. А это не легко, сужу по своему опыту 🙂

    +1!)

  3. Vindex Пишет,

    Все он правильно написал, мало где я встречал толковое объяснение данным тегам, разве, что у Ташкова, в электронке нигде, респект автору!

Добавить комментарий