|Web Учебник | Самоучитель по HTML |Самоучитель по PHP + MySql |Основы PhotoShop |Контакты. |

DOCTYPE- типы документов для CSS

На данный момент существует четыре версии каскадных таблиц стилей:
CSS(CSS-1), W3C-Р(это CSS-1 + позиционирование), CSS-2 и CSS-3. Но сама версия CSS ни когда не указываться, а только определяется версией HTML(и подобными), Например CSS-1 используются в HTML-2, W3C-Р используется в HTML-3.2, CSS-2 в HTML-4, а CSS-3 в HTML-5. Вот для этого и нужно определять тип документа.

Тип документа всегда указывается в самой верхней строке и без отступов, в одну строку!
Начнем с устаревших(не рекомендуемых к использованию):
HTML 2.0:
<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">
HTML 3.2:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
XHTML Basic 1.0:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN"
    "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">
В место переноса пробел.

А теперь рассмотрим действующие:

HTML 4.01
Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
   "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0
Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  
XHTML Basic 1.1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN"
    "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
  
HTML 5 [Стандарт не указывается]
<!DOCTYPE HTML>

Теперь предлагаю поговорить об этом более подробно, как вы заметили типы документов для Каскадных таблиц стилей делятся на три категории:
frameset - фреймовый этот тип для документов состоящих из фреймов.
transitional - переходный в этом типе документов приоритет у значения атрибутов над правилами CSS, например в теге BODY мы задаем цвет фона атрибутом bgcolor и вдобавок задаем цвет фона стилями background-color
<body bgcolor="#ffffff" STYLE='background-color:#000000;'> , то цвет страницы должен быть белым, потому что приоритет у атрибута bgcolor.
Лично я рекомендую использовать этот тип документа.
Strict - строгий этот тип полностью противоположен предыдущему, приоритет у правил CSS. При использовании этого типа все атрибуты тегов запрещены, за исключением SRC, HREF, ALT, TITLE и SUMMARY, т.е. остается только пути к объектам текстовое описание! С тегами тоже строго, нужно забыть об всех устаревших, например: HR, CENTER, FONT, U и другие. Еще нужно предельно быть осторожным(ной) с тегами P и DIV, т.е. хорошо перечитать спецификацию по HTML на предмет того что в себе могут содержать эти теги, например они не могут в себе содержать списки, формы и тег PRE, или вот пример чтобы текст был жирным за пределами этих тегов мы текст помещаем в B, а внутри в STRONG, так-же и с курсивом внутри в теге EM, а с наружи тег I.
Еще года 2 назад я бы написал что этот тип бред, т.е. требует высокого мастерства, но сейчас могу сказать смело, что этим мастерством нужно овладеть, потому что в HTML-5 не указывается тип документа, но подразумевается как раз строгий тип документа!!!
По типам документов у меня все!!!

 

                   Перейти к выбору следующей страницы
 

Добавить в закладки
Добиться абсолютной межбраузерности для механизма добавления в закладки не существует ни на каких языках!!! А для браузера "Chrome" не работают вообще ни какие механизмы!!!
Потому это лучше всего делать в ручную при помощи одновременого нажатия клавиш Ctrl и D , после чего нужно нажать готово(добавить). Такой "механизм работает всегда и везде!!!