!DOCTYPE в HTML


в HTML

необходимо ставить самым первым элементом в HTML документе, перед открывающим тегом (документ должен начинаться с DOCTYPE).

Синтаксис

Синтаксис doctype (упрощенно):

Разница в DOCTYPE для HTML 4.01 и HTML5

HTML5 не использует SGML как основу, и указывать DTD при его использовании не нужно.

Примеры DOCTYPE для популярных версий HTML

DOCTYPE HTML 5

DOCTYPE HTML 4.01 Strict

Поддерживает все актуальные для DTD HTML 4.01 элементы и атрибуты, не включая презентационные и устаревшие. Фреймсеты не допускаются.

DOCTYPE HTML 4.01 Transitional

Поддерживает все актуальные для DTD HTML 4.01 элементы и атрибуты, а также презентационные и устаревшие. Фреймсеты не допускаются.

DOCTYPE HTML 4.01 Frameset

Аналогичен HTML 4.01 Transitional. Разрешено использовать фреймсеты.

DOCTYPE XHTML 1.0 Strict

Поддерживает все актуальные для DTD HTML 4.01 элементы и атрибуты, не включая презентационные и устаревшие. Фреймсеты не допускаются. Необходимо, чтобы документ соответствовал стандартам XML.

DOCTYPE XHTML 1.0 Transitional


Поддерживает все актуальные для DTD HTML 4.01 элементы и атрибуты, а также презентационные и устаревшие. Фреймсеты не допускаются. Необходимо, чтобы документ соответствовал стандартам XML.

DOCTYPE XHTML 1.0 Frameset

Аналогичен XHTML 1.0 Transitional. Разрешено использовать фреймсеты.

DOCTYPE XHTML 1.1

Аналогичен XHTML 1.0 Strict. Есть возможность добавлять собственные модули.

Доктайп в html. Тег DOCTYPE.

Каждая html-страница в идеале должна начинатся с определения доктайпа документа (doctype — document type declaration или dtd). Очень часто встречаются сайты без определения этого самого доктайпа. И это очень плохо, так как он имеет важную роль.

При создании нового сайта лучше сразу определять doctype и в будущем его не трогать.

Доктайп сообщает браузеру данные о языке, на котором написан документ: тип языка(html/xhml), версию(html 4.1/xhtml 1.0), направление(strict, transitional, frameset). Каждый браузер по своим правилам строит страницу и для разных браузеров страница может выглядеть по разному. Опередяя доктайп вначале страницы мы указываем браузеру, чтобы он строил страницу по определенным стандартам, которые описаны W3C на их официальном сайте. W3C — это специальная организация, которая определяет стандарты для структуры кода сайтов и считается хорошим тоном для разработчиков следовать этим стандартам. На их сайте есть специальные валидаторы, вписав в которые адрес страницы, можно узнать какие ошибки и отклонения от стандартов на ней есть (Это касается, как HTML, так и CSS).

Доктайп (DOCTYPE) — указывает браузеру на основании каких стандартов разрабатывалась страница, чтобы он правильно ее отображал.

Для его определения в html есть специальный тег , который имеет свою структуру.

Теперь подробнее о каждом из параметров этого тэга:

Элемент верхнего уровня — указывает элемент верхнего уровня в документе, для HTML это тег .

Публичность — объект является публичным (значениеPUBLIC) или системным ресурсом (значениеSYSTEM), например, таким как локальный файл. Для HTML/XHTML указывается значениеPUBLIC.

Регистрация — сообщает, что разработчик DTD зарегистрирован в международной организации по стандартизации (International Organization for Standardization, ISO). Принимает одно из двух значений: плюс (+) — разработчик зарегистрирован в ISO и — (минус) — разработчик не зарегистрирован. Для W3C значение ставится «-».

Организация — уникальное название организации, разработавшей DTD. Официально HTML/XHTML публикуетW3C, это название и пишется в .

Тип — тип описываемого документа. Для HTML/XHTML значение указываетсяDTD.


Имя — уникальное имя документа для описания DTD.

Язык — язык, на котором написан текст для описания объекта. Содержит две буквы, пишется в верхнем регистре. Для документа HTML/XHTML указывается английский язык (EN).

в HTML

Определение должно быть самой первой вещью в вашем HTML документ, до Тега.

Определение не является HTML-тегом; Это инструкция для веб-браузера о том, что версия HTML страница написана на.

В HTML 4,01, определение относится к DTD, потому что HTML 4,01 был основан на SGML. DTD определяет правила для языка разметки, так что браузеры отображают содержимое правильно.

HTML5 не основан на SGML и поэтому не требует ссылки на DTD.

Совет: Всегда добавляйте объявление в HTML-документы, чтобы Браузер знал, какого типа документ ожидать.

Поддержка браузера

Элемент
Да Да Да Да Да

Различия между HTML 4,01 и HTML5

Существует три различных объявления в HTML 4,01. В HTML5 есть только один:

в HTML

Всем привет!
Приветствую вас на моем блоге SteplinBLOG.RU.
Бывали у меня не раз такие случаи, когда сделаю сайт, и, казалось бы, все отображается правильно, красиво, ну прям как по фен-шую , а открываю другой браузер, и вся верстка слетает, сайт отображается не так, как мне хотелось. Странно, почему? Все же верно прописывал, все теги стандартные и без ошибки.
И тут я понял, в чем проблема. Тот тег, который я всю свою жизнь игнорировал, оказался очень важным для правильного отображения сайта во всех браузерах.
В этой статье я расскажу об этом важном теге, который поможет сообщить браузеру, какую именно версию (X)HTML вы используете в своей странице.
Итак, чтобы браузер понимал вас, в каком стандарте нужно отображать веб-страницу, в первой строке всего HTML документа ставится тег .

Существуют несколько видов и нужно ставить такой, который соответствует версии языка (см. табл. 1).

Тег doctype: указываем версию HTML

Сегодня поговорим о таком теге как . Многие разработчики упускают из вида данный тег и вообще создают странички без него. Зря-зря. О том, почему это неправильно читайте ниже.


В начале любого документа HTML необходимо указывать его тип или же «доктайп». Это следует делать для того, чтобы обеспечить корректную демонстрацию страницы в браузерах. Версия типа позволяет указать браузеру, какая версия HTML используется.

Приведем пример такого доктайпа, показав, что он собой представляет в HTML версии 4.01.

Но если взглянуть на аналогичную запись в последней версии HTML, видно, что она выглядит совсем иначе:

Как вы уже наверное заметили, в нашей текущей страничке данный тег уже присутствует. И это хорошо.

Сегодня все используют HTML5 — сейчас его применяет практически каждый и именно данная версия уже считается стандартом. Поэтому в дальнейшем, при изложении материала, я буду говорить HTML, но вы должны понимать, что имеется в виду именно HTML5.

Директивы комментариев и Doctype в Html коде, а так же понятие блочных и строчных элементов (тэгов)

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Я хочу продолжить рассказывать об основах работы с Html с самого начала, последовательно и ничего не опуская. Сегодня мы поговорим о специальном теге (декларации) Doctype, узнаем как правильно оформлять комментарии в ХТМЛ коде, как прописывать заголовок веб документа Title и постараемся разобраться в отличиях блочных и строчных элементах.

В предыдущей статье из рубрики Html для чайников (в которой в основном рассказывалось про то, что такое язык ХТМЛ, тэги и валидатор W3C) мы закончили на том, что любой документ в интернете должен иметь определенную структуру.

Директива Doctype для Html, Xhtml и ХТМЛ 5

Первым элементом языка разметки, который вы встретите в любом правильном Web документе (странице сайта), будет специальная директива Doctype. Она начинается с угловой скобки и проставленного сразу же за ней восклицательного знака . В этой статье кроме нее мы еще рассмотрим декларацию, которая называется комментарий.

Сам по себе элемент Doctype служит для объявления типа данного документа и помогает браузеру понять, на какую версию Html или XHTML (по классификации валидатора W3C) ему следует опираться при разборе кода загружаемой веб страницы.

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

Но давайте на этом остановимся чуть поподробнее. Сейчас мы с вами наблюдаем некий дуализм или же два типа документов в сети — как делали раньше до выделения CSS из лона языка ХТМЛ и как делают сейчас по принятым современным стандартам.

Естественно, что после принятия новых стандартов в сети интернет оставалось все равно огромное множество документов, созданных по старым принципам чистого ХТМЛ (без CSS) и браузеры должны были с ними как то работать. Корпорация Майкрософт в свое время предложила использовать эту самую директиву Doctype из нового языка разметки XML.

Выглядеть она может по разному (читайте об этом ниже), но проще всего использовать такой вариант (чуть ниже по тексту объясню почему):

Таким образом браузер будет понимать, по каким именно стандартам ему разбирать код документа. Если данная декларация имеет место быть, то браузер переходит в режим работы по стандартам (standarts mode). Если же ее браузер не найдет в самом начале документа (или она будет не соответствовать правильному варианту написания), то тогда браузер включит хитрый режим уловок (quirks mode).

Документ в этом случае будет отображаться таким образом, как будто бы этот браузер очень старый (старинный). Если в этот же документ добавить декларацию, то браузер будет осуществлять разбор кода с учетом всех имеющихся на текущий день стандартов.


Правда, понятие старого браузера очень уж расплывчатое. Все тот же лидер по скорости работы и скорости западания в сердца пользователей Google Chrome появился-то только в 2008 году.

У IE (тут можно скачать последнюю версию Эксплорера и не пожалеть) история гораздо более долгая, именно поэтому все браузеры в режиме quirks mode (уловок, т.е. когда декларация не была прописана) будут отображать вебстраницу точно так же, как это бы делал старинный IE версии 5.5 (она считается базовой).

Более подробно и на конкретном примере узнать о том, почему обязательно нужно прописывать Doctype в начале любого веб документа, вы сможете из этой статьи про CSS свойства height, width и overflow. На самом деле поучительно.

Хотя, если вы создаете свой проект на базе какого-либо движка или другими словами CMS, то за правильность формирования этой декларации будет отвечать используемый вами движок, но знать назначение Doctype и варианты его написания все равно лишним, на мой взгляд, не будет.

Выглядеть это дело может, например, так:

Если вы читали мою предыдущую статью, то, наверное, поняли, что данная директива в этом случае указывает браузеру на то, что код данного документа нужно будет разбирать, опираясь на стандарты языка HTML 4.01. Для поиска нужного вам варианта вы можете обратиться к описанному в предыдущей статье валидатору W3C, но чтобы там найти что нибудь, нужно точно знать где это лежит, иначе.

Сайт валидатора W3C не обладает дружественным интерфейсом и интуитивно понятной навигацией. Там вы запросто можете найти вариант директивы с относительной ссылкой на страницу с описанием нужного вам стандарта ХТМЛ или XHTML и, вставив такой вариант к себе на сайт, ничего хорошего не получите:

При таком варианте Doctype браузер будет искать документ с описанием стандарта на вашем собственном сайте, добавив к относительной ссылке «TR/html4/strict.dtd» доменное имя вашего ресурса: «https://ktonanovenkogo.ru/TR/html4/strict.dtd».

В общем, такая директива работать не будет и в будущем следует обращать особое внимание на наличие «http://www.w3.org/» в ее коде, чтобы не наступить на подобные грабли.

В общем-то существует всего лишь несколько вариантов DOCTYPE для Html и еще несколько для XHTML. Все эти варианты вы сможете посмотреть на соответствующей странице валидатора W3C.

Давайте начнем со стандарта языка гипертекстовой разметки 4.01 (ХТМЛ 5 пока что еще только разрабатывается). Для этого случая существует три варианта Doctype: строгий, переходный и с поддержкой фреймов:

Чаще всего используют второй вариант (Transitional), т.к. он допускает больше вольностей в написании кода документа, ну, а вариант с фреймами вам вряд ли пригодится, в силу неактуальности их использования на сегодняшний день.

Собственно, имеются такие же три варианта Doctype для XHTML — строгий, переходный и с поддержкой фреймов:

Но давайте посмотрим откуда берутся эти варианты правильного написания декларации. Помните, мы в первой статье рассматривали таблицу допустимых Html тэгов:

И отдельную таблицу возможных Html атрибутов:

Как вы можете видеть, в обеих этих таблицах присутствует столбец «Depr», в котором буквой «D» помечены устаревшие и не рекомендуемые к применению теги и атрибуты языка ХТМЛ. Это мы с вами уже рассмотрели. Но обратите внимание, что напротив каждой буквы «D» в соседнем справа столбце «DTD» стоит либо буква «L» (Loose DTD), либо буква «F» (Frameset DTD).

Т.о. все теги и атрибуты, которые не помечены буквами «D» (не рекомендуемые) входят в строгую декорацию Doctype (только рекомендованные элементы и ничего более). Если же вы все-таки будете допускать использование не рекомендованных тегов и атрибутов языка Html (они помечены литерой «D»), то нужно будет объявлять для таких документов декларацию переходную.


Некоторые элементы и атрибуты, помеченные в столбце «DTD» буквой «F» (например, FRAME, FRAMESET), будут входить в декларацию Doctype для фреймовых структур. Она базируется на основе переходной, к которой добавляются теги и атрибуты для создания фреймов, о которых вы можете почитать по приведенной ссылке.

А теперь давайте попробуем разобраться, а из каких частей состоит декларация Doctype?

Сначала идет название — «Doctype». Тут, думаю, все понятно. Дальше идет «Html» — корневой элемент данного языка разметки. Затем идет указание — публичная данная декларация или же системная. Все варианты Doctype являются публичными, что обозначается словом «PUBLIC».

А дальше идут два идентификатора документа. Первый из них называется публичным идентификатором («-//W3C//DTD HTML 4.01//EN»). Минус означает то, что данная декларация не зарегистрирована в стандарте ИСО. Затем следует название консорциума, ее название и язык, на котором она написана. Во втором идентификаторе указывается путь до файла строгого варианта.

Ну, а теперь давайте раскрою вам всю правду про Doctype. Браузерам важно только формально правильное ее написание, но они ни в коем разе не полезут на сайт консорциума, чтобы скачать указанный в ней файл.

Даже если вы выберите вариант строгой декларации и при этом будете использовать не рекомендуемые в современной версии Html теги и атрибуты, то любой браузер все равно вас правильно поймет — это факт проверенный и подтвержденный.

Поэтому, чтобы не мудрствовать лукаво, в Html 5 написание Doctype будет выглядеть уже вот так:

И все. Оставили только «Html». И несмотря на то, что ХТМЛ 5 еще не полностью внедрен, данный вариант поддерживается всеми современными браузерами и вы можете смело им пользоваться. О как, а вы говорите.

Html комментарии в исходном коде страницы и тег Title

В служебной области Web документа (между тэгами Head) обязательно должен быть прописан заголовок этого самого документа (веб страницы), заключенный в элементы Title (см. на приведенном рисунке).

Переоценить значимость заключенной в нем информации очень трудно (я не преувеличиваю). Когда вы будет подбирать ключевые слова в Яндекс Wordstat (используя для этого статистику поисковых запросов Яндекса), то после составления семантического ядра вам обязательно нужно будет упомянуть выбранные ключевые слова в заголовке Title.

Про то, насколько важны слова заключенные в Тайтле для будущего успешного продвижения проекта, вы можете узнать из статьи Как раскрутить сайт самому, а про то, как прописать нужные вам слова в Title для Joomla и WordPress, вы узнаете из статьи Самостоятельное продвижение, оптимизация и раскрутка сайта.

Содержимое метатега Title будет отображаться вверху окна браузера пользователя и в поисковой выдаче Google и Яндекса, поэтому, помимо содержания в нем ключевых слов, он должен стимулировать пользователей перейти именно на ваш сайт из поисковой выдачи. Для каждой страницы вашего ресурса заголовок тайтл должен быть уникальным, иначе будет ухудшение в ранжировании вашего проекта.

Теперь давайте прежде, чем переходить к рассмотрению конкретных тегов, остановимся на таком понятии, как комментарии в Html коде. Они довольно часто проставляются для того, чтобы потом было проще найти нужные участки или же для того, чтобы другим было проще понять задумку автора. Само собой разумеется, что текст этих комментариев ни в коем случае не должен отображаться на веб странице, поэтому они специальным образом оформляются в коде.

Особенно актуальны комментарии в Html были во времена господства табличной верстки (читайте про ХТМЛ таблицы), ибо тогда, по сравнению с современной блочной версткой (тут описана Div верстка на примере), очень просто было запутаться, что и в какой ячейке таблицы выводится:

Наверное, из приведенного выше примера вы уже поняли, что все комментарии в языке Html начинаются точно так же, как и любые другие элементы — с угловой скобки, но сразу же после нее, при формировании комментария, нужно будет поставить восклицательный знак (при описании Doctype я упоминал, что комментарии тоже являются декларациями, которые обязательно начинаются с ) и два дефиса, а перед закрывающей угловой скобкой комментария нужно будет поставить еще пару дефисов:

Весь текст комментария, который будет находиться между этими двойными дефисами, будет рассматриваться браузерами как служебная информация и никак обрабатываться не будет. Корректность его написания можно наглядно оценить при использовании описанного тут Html редактора notepad с подсветкой кода:


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

Все довольно просто и думаю, что с ними у вас проблем не возникнет. Хотя есть одна тонкость в работе с многострочными комментариями в ХТМЛ. Внутрь одного комментария нельзя помещать другой, иначе часть закомментированной информации может быть отображена браузером на веб странице. Давайте для примера рассмотрим такую конструкцию:

Итак, браузер при разборе кода веб страницы обнаружит открывающие символы декларации комментария и начнет поиск закрывающих. Найдет его после слов «Вложенный коммент», а вот все остальное (в нашем случае это продолжение внешнего коммента ) будет обработано браузером и выведено на веб странице.

В принципе, если вы пользуетесь при написании Html кода редактором с подсветкой, то сразу же заметите неладное по изменению цвета вашего комментария:

Понятие блочных и строчных элементов (тегов) в Html

Все теги, которые возможно использовать внутри элементов Body (то, что отображается на веб странице и список которых вы можете найти в валидаторе W3C), можно разделить на две группы: строчные и блочные теги.

Блочные элементы используются для построения структуры Web документа, а строчные используются для оформления кусков текста (строк). Причем, всегда нужно соблюдать одно незыблемое правило — не заключать внутрь строчных блочные теги.

Самыми яркими и показательными представителями строчных и блочных тэгов являются, соответственно, Div (блочный элемент — отсюда и пошло название блочной верстки) и Span (строчный). Эти теги языка гипертекстовой разметки являются парными, т.е. у них есть открывающий и закрывающий тэг.

Вообще, теги Div и Span не имеют абсолютно никакого предназначения и смысла в чистом Html без использования таблиц каскадных стилей CSS. Они являются контейнерами, позволяющими изменять свойства заключенных в нем элементов через CSS.

Если вы пропишите в исходном коде страницы подряд несколько элементов Div, то на веб странице каждый из них, скорее всего, попытается занять все доступное ему пространство по ширине, и поэтому расположены такие контейнеры будут друг под другом. Контейнеры Div при нормальных условиях рядом друг с другом стоять не будут, если принудительно не заставить их делать это.

Например, такой вот Html код будет отображаться в трех блоках расположенных друг под другом:

В браузере Firefox наряду с очень полезным плагином Firebug я еще использую плагин Web developer, который очень помогает при верстке. Среди всего прочего он может показывать блочные элементы, обводя их рамочкой. Именно этот плагин developer создал синие рамочки вокруг контейнеров Div на приведенном скриншоте.

В теги же Span можно заключать куски текста (строки) Html кода для придания им определенных свойств через CSS, и такие элементы могут размещаться в одной строке рядом друг с другом. Например, такой вот код в браузере будет иметь следующий вид:

Содержимое Span здесь тоже было подсвечено с помощью плагина Web developer. Т.к. элементы Span являются строчными, то не следует внутрь них заключать блочные теги, например, все те же Div контейнеры.

Значение тега doctype: Зачем он нужен и какой выбрать?

Верстка любой сложности из PSD макетов

Доброго времени суток. Меня зовут Михаил.


Специализируюсь на создании сайтов и их настройке. Разрабатываю современные сайты, учитывая каждое пожелание заказчика уже более 7 лет. Завершены сотни проектов.

Если Вам необходимо создать сайт, настроить его, или получить другую помощь в этой области, то смело выбирайте услугу или свяжитесь со мной. Всегда рад Вам помочь и готов ответить на Ваши вопросы.

Здравствуйте, уважаемые друзья, блога sdelaemblog. Сегодня приступим к изучению html и css. Данную тему я постараюсь раскрыть максимально понятно, для любого читателя. И не имеет значения: знакомы вы с этой темой или только имеете желание изучить код, который довольно широко используется в сайтостроении. И чтобы затронуть, как можно больше примеров применения и использования кода, я планирую написать весьма внушительный список статей, посвященных созданию сайта, без использования, каких либо cms, или же комбинируя html-странички с движками dle и wordpress. Разбирать вопросы мы будем по мере их поступления, а не в традиционном стиле, сначала теория, а потом практика. Я сразу покажу все на практике, подкрепляя все теорией.

Но начнем, конечно же, сначала. То есть с того, что такое html? И другого немаловажного вопроса: «Зачем нужен doctype и какой выбрать?» Собственно, это и тема, сегодняшнего поста.

Что такое html?

Html — это аббревиатура языка разметки гипертекста: «HyperText Markup Language», которая определяет расположение элементов на веб-странице и их оформление. Данный язык никак не ограничивает вебмастера, в его фантазии и позволяет создавать практически любую структуру и оформление страницы. Вообщем, если вы решили посвятить себя созданию сайтов, вы должны обязательно знать html-код. Сложного в нем ничего нет, и я надеюсь, что по итогам цикла статей, вы в этом убедитесь.

Значение тега doctype: Зачем он нужен и какой выбрать?

Любой код веб-сайта начинается с определения типа документа (DTD — document type definition(описание типа документа)) браузерами, для корректного отображения сайта на экранах наших мониторов. А чтобы помочь браузеру определиться, необходимо указать тип документа, который используется на сайте. Для этого, существует тег . Для чего нужно указывать тип документа? Нужно это, потому что html существует в нескольких версиях языка. И кроме того, существует расширенный язык разметки (XHTML — Extensible Hypertext Markup Language), который отличается от html синтаксисом. И если этого не делать, веб-браузер может «запутаться» и не корректно отобразить нашу страницу. Поэтому, мы рассмотрим какие бывают типы документа. Ниже, я предложу табличку с разновидностями основных типов документов — :

DOCTYPE Описание
HTML 4.01
Строгий синтаксис HTML.
Переходный синтаксис HTML.
HTML-документ, с применением фреймов.
HTML 5
Для всех документов.
XHTML 1.0
Строгий синтаксис XHTML.
Переходный синтаксис XHTML.
XHTML-документ, с применением фреймов.
XHTML 1.1
Такой же, как и строгий синтаксис XHTML, но допускается добавление модулей.

Теперь, попробуем разобрать по кусочками, что же содержит DOCTYPE.
html — указывает элемент верхнего уровня, то есть самую основу кода. Для HTML, это тег .

PUBLIC — определяет публичность документа. Данный тип документа является публичным.

«-» — указывает, зарегистрирован или нет разработчик типа документа в международной организации по стандартизации (International Organization for Standardization, ISO). Имеет два значения: минус или плюс. Минус — не зарегистрирован. Плюс — зарегистрирован. Но для W3C, указывается «-»

W3C — организация разработавшая DTD.

DTD — тип документа. Для HTML и XHTML указывается DTD.

HTML 4.01 Transitional (как пример) — имя документа, его версия и синтаксис, который он использует.

EN — язык на котором написан документ. И естественно, HTML и XHTML используют английский язык.

http://www.w3.org/TR/html4/loose.dtd — адрес документа с описанием документа (DTD).


Вот столько информации несет в себе самая первая строка HTML или XHTML кода. Но все же могут возникнуть проблемы с определением насколько соответствует наш документ выбранному синтаксису или нет. Для этого, существует валидатор разметки, который поможет нам определить на сколько валиден (правильный) наш код. Валидатор предоставляется той же организацией. которая является официальным разработчиком DTD. Находится он на сайте http://validator.w3.org/.

Итак, нам остается только определиться с выбором. И выбрать для нашего документа. Здесь каждый должен выбирать сам отталкиваясь от той информации, которую мы сегодня изучили. Вот такой получился вступительный, теоретический пост. А дальше нас создание своего html-документа, а возможно и целого сайта на html, без использования каких-либо CMS, для администрирования.

На этом у меня все. Надеюсь, данный пост будет полезен И поможет разобраться в вопросе, о DOCTYPE.

Информация о DOCTYPE в Html5 и xhtml

DOCTYPE в html5

Html-тег используется для определения языка и типа документа. С появлением html5 этот тег считается практически бесполезным, так как в html5 нет необходимости в объявлении типа документа. Тем не менее, для того, чтобы документ прошел валидацию, надо указывать DOCTYPE.
В html5 тег намного проще, чем в предыдущих версиях html, и ставится в самом начале, перед всем html кодом:

DOCTYPE в xhtml

В xhtml тег помогает браузеру определить тип документа и, соответственно, с помощью какого парсера его обрабатывать, а также указывает в соответствии с какими стандартами проводить валидацию документа. Существует три самых популярных типа xhtml 1.0 документов: Strict, Transitional, Frameset.

Strict — строгий тип xhtml документа. Позволяет использовать только дескрипторы, соответствующие стандарту xhtml 1.0, запрещает элементы и свойства, задающие графическое отображение, например font или bgcolor.

Transitional — переходный тип документа. Является самым распространенным и менее строгим, в отличие от Strict. В данном типе документа разрешаются атрибуты, отвечающие за графическое отображение, но, тем не менее, лучше использовать для этих целей css. Также при указании данного типа становится возможным применение iframe для страниц и атрибута target для ссылок.

Frameset — является дополненной версией типа transitional, но при этом дает возможность использовать в документе фреймы.

Для того, чтобы указать DOCTYPE документа, необходимо написать одну из ниже представленных строк в самом начале документа:

Существуют также DOCTYPE для мобильных устройств и для документов модульного типа xhtml 1.1

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

DOCTYPE в HTML

Что такое DOCTYPE и с чем его едят?

DOCTYPE (доктайп) — это первая строка HTML-документа, после которой сразу идёт тег html . Раньше было несколько различных доктайпов, сейчас просто записывайте следующее:


И ни о чём больше не парьтесь.

Далее идёт информация о том, какие DOCTYPE существовали раньше.

DOCTYPE предназначен для того чтобы указывать браузерам, какой язык разметки используется в документе (помимо HTML, существуют еще языки XHTML и XML), а также для указания строгости синтаксиса:
— Transitional (переходный) — свободный синтаксис,
— Strict (строгий) — строгий синтаксис, например парные теги нужно закрывать, атрибуты обрамлять кавычками, устаревшие теги использовать нельзя и т.д.
— Frameset (фреймы) — используются фреймы.

Сейчас используется HTML5, его доктайп указан в начале этой статьи.

До HTML5 существовали различные версии HTML (можете прочесть о них в статье История HTML), вот самые популярные:
— HTML 4.01, имеет следующие виды синтаксиса: Transitional (переходный), Strict (строгий), Frameset (фреймы).
— XHTML 1.0, синтаксис: Transitional (переходный), Strict (строгий), Frameset (фреймы).
— XHTML 1.1, синтаксис: Strict (строгий).

Рсассмотрим каким должен быть doctype, для каждой версии языка:

Doctype

Элемент Doctype HTML используется для указания типа страницы и языка разметки, который на ней применяется. Это означает, что браузер пользователя в первую очередь читает значение элемента Doctype и определяет как правильно отобразить данную страницу.

Так как язык HTML существует в нескольких различных вариантах, включая XHTML (т.е., так называемый, «расширенный HTML») и HTML5, то при верстке сайта необходимо указывать соответствующее значение для Doctype.

Основные значения элемента Doctype:

  • При строгом синтаксисе языка HTML (strict doctype):
  • При строгом синтаксисе языка XHTML:
  • В HTML5 указание значительно упростилось:

Здесь параметры элемента означают:

  • html — корневой элемент веб-страницы;
  • W3C — название организации, которая разработала стандарт (официальной организацией, которая разработала HTML и XHTML является W3C, что и указывается в элементе);
  • DTD — задает тип страницы (для HTML и XHTML это DTD или «описание для типа документа»);
  • EN — язык описания объектов (по умолчани пишется EN — английский);
  • http://www.w3.org/TR/html4/strict.dtd — url страницы, на которой находится описание для указанного типа документа;

Пример указания Doctype на HTML-странице:

Пример указания Doctype на странице с разметкой HTML5:

Илон Маск рекомендует:  Что такое код jquery слайдер
Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL