CSS для начинающих. Стандартный режим работы браузера и строгий доктайп.
Тематическая группа (веб-дизайн): https://vk.com/zametkipohtml
Официальный паблик в ВК: https://vk.com/zametkinapolyah
Рубрика по теме в блоге: http://zametkinapolyah.ru/verstka-sajtov
Не забудь подписаться и нажать палец вверх: https://www.youtube.com/user/zametkinapolyahru
Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223
Чтобы сказать браузеру о том, что данный документ выполнен на основе того или иного стандарта HTML, XHTML, нужно использовать следующие доктайпы в документе:
!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0//EN« “http://www.w3.org/TR/REChtml40/strict.dtd”
!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN« “http://www.w3.org/TR/html4/strict.dtd”
!DOCTYPE html
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”
Последний относится к XHTML, а предпоследний к документам HTML5. В стандартном режиме поддерживаются правила спецификации CSS и игнорируются правила с ошибками.
В стандартном режиме работы браузера будут игнорироваться числа без единиц измерения. Имена классов и идентификаторов чувствительны к регистру символов, поэтому MYCLASS, MyClass и myclass – это разные имена, сами имена должны начинаться только с латинских букв (цифра не может быть использована в качестве первого символа).
Очень важной особенностью стандартного режима работы браузера является ширина и высота блочных элементов: ширина складывается из свойств: width+padding+margin+border, а если высота блочного элемента явно указана, то контент, если его высота больше блока, будет отображаться поверх самого блока, если высота блока не задана, то она зависит от содержимого.
Изображения в стандартном режиме браузера имеют свойство inline со значением display, а у нижней его границы есть небольшой отступ.
Стоит заметить, что набор запрещенных тегов при строгом режиме работы браузера зависит от версии стандарта HTML, указанном в доктайпе, но рекомендации по тегам, которые не стоит использовать мы давали ранее.
Еще одной важной особенностью строгого доктайп является то, что внутри контейнера body могут находиться только блочные элементы. Также при строгом доктайп вы получите не валидный код при использовании HTML атрибутов, для которых есть CSS-аналог, а также, если будете использовать атрибут target.
Кирилл Антонов
Канал для начинающего веб-разработчика. Здесь ты найдешь различные видео уроки о технологиях и программном обеспечение, которые используют веб-разработчики.
Последние сообщения
127 полезных и бесплатных онлайн академий
25.04.2019
Ресурсы для objective-C программистов
21.03.2018