в html

Что такое DOCTYPE и зачем он нужен ?

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

С английского языка сокращенно это будет DTD ( расшифровывается как “ Document type definition “, что в переводе означает описание типа документа ).

Как вам известно, существуют разные версии языка HTML: 3.2 , 4.01, 5.

Обратите внимание

Основная версия это HTML 4.01, для нее существуют 2 элемента DOCTYPE, но в последнее время становится актуальнее версия HTML5, т.к.

она более расширена, в ней добавлены новые теги и соответственно больше возможностей, для этой версий есть только один элемент Doctype.

Также существует расширенный язык разметки гипертекста, с названием XHTML (EXtensible HyperText Markup Language ), который различается от HTML только по синтаксису, у него более строгий. В остальном они похожи.

Ниже приведены основные элементы DOCTYPE:

Для HTML 4.01

Используется для строгого синтаксиса HTML

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

Переходный синтаксис HTML

В этой версий разрешается использовать как старые так и новые теги, которые появились в HTML 4.01.

Указывает браузеру что в HTML документе используется фреймы

Это версия довольно старая и она уже практически не применяется, так как фреймы давно устарели.

Для HTML 5

Эту версию можно задать для всех типов документов. Основной плюс в ее синтаксисе в том что он очень короткий и легко запоминается.

Для XHTML 1.0

Строгий синтаксис XHTML.

Переходный синтаксис XHTML.

В документе написанный на XHTML содержится фреймы

Для XHTML 1.1

Только один Синтаксис со строгими правилами.

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

Вот и все что я хотел вам рассказать о элементе DOCTYPE.

  • Структура HTML-документа
  • Как создать html страницу

Тогда поделитесь ею с друзьями и подпишитесь на новые интересные статьи.

Подписаться на новые статьи:

Поддержите пожалуйста мой проект!

>

Если у Вас есть какие-то вопросы или предложения, то можете писать их в комментариях или мне на почту sergiu1607@gmail.com. И если Вы заметили какую-то ошибку в статье, то прошу Вас, сообщите мне об этом, и в ближайшее время я всё исправлю.

Добавляйтесь ко мне в друзья в:

  • — ВКонтакте

Источник: http://sozdatisite.ru/html/chto-takoe-doctype-i-zachem-on-nuzhen.html

Для чего нужен DOCTYPE в HTML?

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

Я решил не рассматривать данную тему в отдельном уроке, потому что она несет в себе малую толику объема и практической информации.

Не для кого не секрет, что сейчас большинство сайтов в интернете, используют старую разметку HTML 4 и XHTML, и конечно же будут использовать ее еще очень долгое время, а также, в виду того, что сейчас активно начинает использоваться новая версия языка HTML5, я опишу сразу несколько видов элемента доктайп (doctype), с их конструкцией (как они указываются или определяются) для всех актуальных версий HTML. Поэтому, вам будет полезно знать в чем их различие, что это такое и какую важность они в себе несут. Давайте начнем с краткой истории языка HTML.

История

HTML (HyperText Markup Language – язык разметки гипертекста) версии 1.0 взял начало с 1989 года, затем в 95-х появилась версия 2.0, версия 3,4 в 97-м, версия 4.01 в 99-м, и вот совсем недавно, как вы знаете, вышла версия HTML-5.

Все это я к тому, что каждая версия, логично предположить усовершенствовалась, появлялись новые элементы, забывались старые, вносились изменения (кстати, язык CSS официально появился только в 1996 году и до этого, язык HTML имел свои элементы для стилизации содержимого) и так далее, но теперь задайте себе вопрос, как же браузеры понимают, с какой версией языка они имеют дело? Ведь столько сайтов и все из них используют различные версии языка, какие-то используют HTML-5, другие HTML-4.01, третьи XHTML. К тому же, браузеры многое нам прощают, когда мы по нечаянности или просто незнанию добавляем блочные элементы в строчные (если не знаете, что это такое – прочитайте Урок 5. Блочные и строчные элементы в HTML), забываем где-то закрыть тег, или наоборот открыть, но суть в том, что браузеров много и каждый из них заглаживает наши маленькие огрехи по-своему, соответственно это сказывается на отображение содержимого нашей страницы или сайта. Только представьте, вы потратили огромное количество времени на создание сайта, все выглядит замечательно и красиво, как вдруг вы открываете его в другом браузере и получаете совсем не то, что вы ожидали увидеть (какая-нибудь колонка поплыла в сторону, изменился шрифт, что-то сливается, да что угодно, но не то, что вы построили изначально), в третьем, четвертом браузере еще что-то отличное от первых двух, и тому подобное. Но если код будет правильным, то во всех браузерах ваш сайт будет отображаться более менее одинаково, за исключением того, что если вы используете новую версию языка, а браузеру об этом не сказали, то в большинстве случаев он будет склоняться к тому, чтобы использовать и отображать старую версию (а старой версии — новая версия и ее изменения неизвестны). Поэтому новые элементы и изменения вам могут быть недоступны, а если учесть то, что браузеров много и есть еще меньшинство (браузеры, которые будут наоборот склонятся к новой версии), то бог пойми, какой из них и какую версию языка в итоге выберет. И опять мы попадаем в замкнутый круг различного отображения нашего сайта в браузерах. Поэтому так важно указывать версию языка html на вашем сайте. А делается это всего одной строчкой кода (добавляем элемент ), который указывается в самом начале вашего документа (файла) и выглядит следующим образом:

Для версии переходящей в HTML-4.0.1:

Доктайп для строгого синтаксиса версии 4.0.1 – это более поздняя версия и основная:

А теперь давайте подробно разберем каждую строчку Доктайпа (Doctype):

У вас наверняка возникнет вопрос, в чем же различие doctype для переходной версии языка и для строгой, основной? Представьте, у вас есть сайт и вы все еще используете старую версию html, ну например третью, хоть я и утрирую, но смысл остается. И вы захотели перейти на версию языка html 4.

Важно

01, самые важные изменения вы уже внесли, но вот в нюансах еще не разобрались, на это нужно время, которое, как всегда приходится выкраивать с линейкой. Поэтому, вы производите переход на новую версию постепенно, т.е. оставляя какие-то старые элементы или правила из старой, предыдущей версии.

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

Потом, когда полностью разобрались и все исправили (согласно новой версии), вы меняете доктайп на строгий, который сообщает браузеру, что ваш код полностью соответствует стандарту HTML 4.01.

Для версии XHTML-1.0

Переходный доктайп:

И строгий доктайп:

Для версии HTML-5:

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

Категория: Уроки HTML для чайников

Источник: http://wexplorer.ru/html/dlya-chego-nuzhen-doctype-v-html

HTML Declaration

The content of the document…… Попробуй сам «

Заявление должно быть самое первое , что в вашем HTML — документе, перед тега.

Декларация не является HTML — тег; это инструкция к веб-браузер о том, какая версия HTML страница написана.

В HTML 4.01, то декларация относится к DTD, потому что HTML 4.01 основан на SGML. ОТД определяет правила для языка разметки, так что браузеры корректно отображать содержимое.

HTML5 не основан на SGML, и, следовательно, не требует ссылки на DTD.

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

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

Элемент
да да да да да

Отличия между HTML 4.01 и HTML5

Есть три различных деклараций в HTML 4.01. В HTML5 есть только один:

HTML элементы и DOCTYPEs

Посмотрите на нашу таблицу всех HTML — элементов, а также то , что Doctype появляется каждый элемент .

Советы и примечания

Совет: декларация не чувствительны к регистру.

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

Общие DOCTYPE декларации

HTML 5

HTML 4.01 Strict

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

HTML 4.01 Transitional

Этот DTD HTML содержит все элементы и атрибуты, ВКЛЮЧАЯ презентационных и устаревшие элементы (например, шрифт). Фреймов не допускаются.

HTML 4.01 Frameset

Это DTD равно HTML 4.01 Transitional, но позволяет использовать содержание фреймами.

XHTML 1.0 Strict

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

Читайте также:  Автоматическое продвижение сайта

XHTML 1.0 Transitional

Этот DTD HTML содержит все элементы и атрибуты, ВКЛЮЧАЯ презентационных и устаревшие элементы (например, шрифт). Фреймов не допускаются. Разметка также должна быть записана в виде хорошо сформированную XML.

XHTML 1.0 Frameset

Это DTD равно XHTML 1.0 Transitional, но позволяет использовать содержание фреймами.

XHTML 1.1

Это DTD равно XHTML 1.0 Strict, но позволяет добавлять модули (например, чтобы обеспечить рубиновый поддержку восточно-азиатских языков).

Источник: http://www.w3bai.com/ru/tags/tag_doctype.html

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

Теги: html, html5, 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).

URL — адрес документа с DTD.

Вот некоторые примеры написания доктайпов:

Для HTML5 всех документов —<\p>

В HTML-документе применяются фреймы — 

Строгий синтаксис HTML — 

Источник: http://www.web.cofp.ru/vse-o-sajtakh/sozdanie-sajta/html/63-doktajp-v-html-teg

Стандарты написания HTML и определение типа документа DOCTYPE. Урок 5

Я часто в своих уроках делал такие утверждения, как – «один тэг должен располагаться внутри другого», «у тэга img должен быть атрибут src», «сначала идёт тэг head, а потом body» и так далее.

Но я ведь не придумывал всё это на лету, — а руководствовался неким регламентом, автором которого является организация, которая собственно придумывает и утверждает все стандарты, — называется она W3C (Консорциум Всемирной Паутины). Раньше я об этом не упоминал, но стандартов написания HTML существует несколько.

И у каждого из них есть свои особенности и правила написания. Связано это с тем, что HTML не стоит на месте, а постоянно развивается.

И если в ранних версиях стандарта, когда не было технологии CSS, с помощью языка разметки можно было создавать как структуру, так и дизайн, то сейчас тенденция намечается совершенно иная, — HTML стал больше ассоциироваться со структурой (фундаментом и кирпичиками), на которых и держится дизайн.

CSS здесь — это нечто вроде декоративного элемента, задающего оформительский вид – аналог плитки и обоев, если рассматривать создание сайта как строительство дома. В связи с этим, в новых стандартах HTML, некоторые тэги и атрибуты, отвечающие за дизайн, — объявлены нежелательными (deprecated).

То есть, текущая спецификация стандарта их поддерживает, но уже в следующей поддержка будет прекращена.

Есть ещё более строгий стандарт, который называется XHTML, — он так вообще не терпит вольностей с кодом и не прощает грубые ошибки. Самый новый на данный момент – это HTML 5, за ним будущее, поэтому в дальнейшем мы и будем на него равняться.

С этим вроде бы всё должно быть понятно, — есть несколько стандартов и замечательно.

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

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

Обратите внимание

Как поступает браузер в таком случае? Он отображает код в режиме обратной совместимости, — все явные и неявные ошибки в коде он сглаживает и пытается максимально предугадать что же имел ввиду пользователь. Но тут есть некоторые очевидные недостатки: во-первых, браузер не может знать, что же имел ввиду человек изначально.

Во-вторых, у каждого браузера этот режим совместимости может срабатывать по-разному. Что в итоге имеем? Есть код и нету регламента, — на практике это означает что одна и та же разметка, в режиме совместимости, браузером будет отображаться по-разному.

Следовательно, нам нужен какой-то способ дать браузеру знать, какой же стандарт мы собираемся использовать.

И такой способ действительно есть, называется он – добавлением определения типа документа.

В коде объявление типа задаётся вот так:

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

На многих сайтах ещё можно встретить такую строчку: 

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

Теперь объясню, зачем всё это нужно. Данной строкой мы задали некий стандарт, в соответствии с которым браузер должен выводить наш документ в окно браузера. На практике это означает, что наш HTML код будет более-менее одинаково отображаться во всех браузерах.

Важно

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

Потому что, объявление DOCTYPE, в итоге решило проблему одинакового отображения страницы во всех браузерах.

Валидация документа

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

Для этого достаточно перейти по ссылке – http://validator.w3.org

На этой страничке мы сможем найти несколько способов проверки:

  1. Указать реально существующий сайт.
  2. Загрузить файл с вашего компьютера.
  3. Вставить непосредственно сам код, который вы хотите проверить, в соответствующее поле. 

В нашем случае, скорее всего подойдёт второй или третий вариант.

Я лично использовал третий способ. Мой документ валидацию прошёл успешно, о чём и отрапортовала программа строкой This document was successfully checked as HTML5! на зелёном фоне.

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

Но в моём случае, программа, помимо того, что объявила о том, что валидация прошла успешно, также выдала мне три предупреждения:

1. Using experimental feature: HTML5 Conformance Checker

Дело в том, что стандарт HTML 5 формально ещё не окончательно утверждён консорциумом, который продолжает в него внедрять новые полезные фишки. Но на практике – всё большее и большее количество разработчиков начинают его использовать уже сейчас, чтобы быть готовым к завтрашнему дню.

2. No Character encoding declared at document level

В документе не сказано ни слова о том, какая кодировка используется. Действительно, ведь мы её не указали явно, а значит не факт, что вместо того, чтобы отобразить русские буквы, — браузер отобразит какие-то китайские иероглифы.

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

Следовательно, браузеру нужно сообщить, какую кодировку использовать. Если этого не сделать, то браузер всё равно попробует её угадать сам. Но гарантий того, что он сделает это правильно, — совершенно нет.

3. Using Direct Input mode: UTF-8 character encoding assumed

Программа предупреждает, что она по умолчанию использует utf-8. 

Сама строка должна быть вложена в элемент head.

Тэг meta относится к разряду служебных тэгов, он как бы сообщает, что есть какая-то информация о странице, которую мы хотим сообщить браузеру. У него, как и у любого другого тэга, есть атрибуты:

http-equiv– это атрибут, в значении которого мы указываем название заголовка.

content– атрибут, в качестве значения которого мы указываем значение заголовка, в данном случае значение заголовка Content-type.

Давайте теперь рассмотрим значения атрибутов, которые только что указали:

Content-Type– говорим браузеру о том, что будем сообщать о том, какой тип у нашего документа. А также, какая кодировка в нём используется.

text/html; charset=utf-8 – документ типа text/html, который использует кодировку utf-8.

Попробуйте провести валидацию страницы ещё раз. Предупреждающих сообщений теперь быть не должно. Но они могут всё равно остаться, но уже по другой причине. К примеру:

1. Вы используете в своём документе изображения, и у вас в тэге img не задан атрибут alt.

2. В элемент body вложен строчный элемент. В соответствии со спецификацией, в элементе bodyдолжны быть только блочные элементы. А уже в них, могут находиться строчные.

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

Социальные кнопки для Joomla

Источник: http://xn--d1accuej1b.xn--p1ai/obuchenie-html/26-standarty-napisaniya-html-i-opredelenie-tipa-dokumenta-doctype-urok-5

Элемент DOCTYPE в HTML

Здравствуйте, сегодня мы с Вами рассмотрим элемент DOCTYPE html. Обсудим их разновидности, и решим, какой из них нужно применять на сегодняшний день. DOCTYPE предназначен для того, чтобы Вы могли задать определенный тип документа, который будет понимать Ваш браузер.

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

А теперь можно рассмотреть возможные DOCTYPE для HTML:

Данные доктайпы относятся к HTML 4.01 и постепенно уходят в прошлое, однако огромное количество сайтов встречаются именно с такими доктайпами.

Обратите внимание

Большая часть которых создавалась еще до появления языка HTML5, поэтому там был использован один из вышеуказанных доктайпов.
Помимо языка HTML, существует еще и XHTML, который должен был стать заменой HTML 4.

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

И последний доктайп, принадлежащий языку HTML5, который является довольно компактным, и самым современным среди всех, а также наиболее часто используемым:

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

И снова я приветствую Вас в очередной теме посвященной языку JavaScript, в которой мы разберем методы alert, prompt, confrim.

Всем привет, сегодня мы рассмотрим с Вами конструкцию switch-case в языке JavaScript.

Здравствуйте дорогие друзья, сегодня мы с Вами изучим еще одну тему посвященную языку CSS. И научимся реализовывать всплывающие подсказки на CSS.

Сегодня мы рассмотрим еще одну возможность, которую предоставляет нам CSS3, а именно поговорим о псевдоклассе target, для чего он нам может быть нужен, и рассмотрим один из самых популярных способов его применения.

Довольно часто Вы видите на различных ресурсах видео, которое хранится на сервисе youtube, но каким-то образом его можно воспроизвести на данном сайте. Об этом сегодня пойдет речь, и я расскажу Вам, как вставить видео с YouTube.

Источник: http://dwebbers.ru/article?id=109

Элемент

Разум — это Будда, а прекращение умозрительного мышления — это путь. Перестав мыслить понятиями и размышлять о путях существования и небытия, о душе и плоти, о пассивном и активном и о других подобных вещах, начинаешь осознавать, что разум — это Будда, что Будда — это сущность разума, и что разум подобен бесконечности.

Пример 2. HTML 5

Разум — это Будда, а прекращение умозрительного мышления — это путь. Перестав мыслить понятиями и размышлять о путях существования и небытия, о душе и плоти, о пассивном и активном и о других подобных вещах, начинаешь осознавать, что разум — это Будда, что Будда — это сущность разума, и что разум подобен бесконечности.

Примечание

Internet Explorer 6 требует, чтобы стоял обязательно в первой строке кода. В противном случае браузер переходит в режим совместимости (quirk mode).

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

Спецификация ?

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor's draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры: Настольные Мобильные     ?

Internet Explorer Chrome Opera Safari Firefox
5 1 7 1 1
Android Firefox Mobile Opera Mobile Safari Mobile
1 1 6 1

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

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

Документ.

Источник: http://calendar.vpogiba.info/wg/html/!doctype.htm

Для чего нужен DOCTYPE в HTML документах

Как я заметил в посте Основы HTML. Структура документа, первой строкой в документе HTML, должно идти объявление DOCTYPE. Этим постом, я расскажу что это такое и с чем его едят.

Определение DOCTYPE — это не тег HTML, а инструкция веб-браузеру, указывающая, на какой версии языка HTML написан документ (веб страничка).

DOCTYPE ссылается на определение типа документа (DTD — Document Type Definition). DTD задает правила для языка разметки, для того чтобы браузеры могли правильно отобразить содержание веб странички.

Рассмотрим все доступные варианты DOCTYPE по рекомендации W3C.

HTML 4.01 Strict

Этот DTD содержит все HTML элементы и атрибуты, но не включает презентационные или устаревшие элементы (например: тег font). Использование фреймов не допускается.

HTML 4.01 Transitional

Данный DTD содержит все HTML элементы и атрибуты, включая презентационные и устаревшие элементы (например: тег font). Использование фреймов в документе объявленном с таким DOCTYPE также не допускается.

HTML 4.01 Frameset

Следующий DTD, такой же как и HTML 4.01 Transitional, но позволяет использование фреймов в содержании документа.

Важно

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

XHTML 1.0 Strict

DTD, который содержит все HTML элементы и атрибуты, но не включает презентационные или устаревшие элементы (например, все тот же, тег font). Использование фреймов не допускается.

Разметка веб страницы должна быть оформлена по всем правилам документа XML. То есть, все теги должны быть обязательно закрыты. Все теги должны иметь общего родителя, которым в HTML документе является тег .

Все атрибуты должны быть заключены в кавычки.

В настоящее время, как по мне, данный DOCTYPE является наиболее предпочтительным для наиболее валидной верстки.

XHTML 1.0 Transitional

И еще один переходной DTD, который содержит все HTML элементы и атрибуты, включая презентационные и устаревшие элементы (например: тег center). Использование фреймов, данный DTD, также не допускает. Разметка веб страницы тоже должна быть оформлена по всем правилам документа XML.

XHTML 1.0 Frameset

И еще один DTD с фреймами, аналогичен XHTML 1.0 Transitional, но позволяет использование фреймов в содержании веб документа.

XHTML 1.1

И последний DTD, аналогичен XHTML 1.0 Strict, но позволяет добавлять модули (например, обеспечить поддержку Ruby для Восточно-азиатских языков).

В следующем посте можно будет посмотреть на таблицу всех HTML / XHTML элементов, которые поддерживаются в той или иной DTD.

Совет

Для проверки валидности HTML документа можно воспользоваться валидатором W3C Validator.

Источник: http://generaltea.ru/doctype-v-html-dokumentax/

О doctype

SGML декларация !DOCTYPE (англ. document type — тип документа) указывает на тип документа (Document Type Definition — DTD). В зависимости от типа документа браузер выбирает режим отображения документа. Этот процесс назвали переключение типа документа или doctype sniffing.

Если браузер определяет документ как «современный», он отображает его в стандартном режиме (standards mode). Это значит, что таблицы стилей, использующиеся в документе соответствуют спецификации CSS2.

Если браузер определяет, что документ написан по устаревшим правилам, он отобразит его в режиме совместимости (quirks mode). В режиме совместимости браузер игнорирует часть правил CSS, имитируя поведение старого движка. Режим совместимости работает по разному и зависит от браузера.

Opera (версии 7 и выше), Firefox и Safari имеют третий режим, который называется режим, приближенный к стандартному (almost standards mode), в котором расположение рисунков в ячейках таблицы отображается в режиме совместимости (не работает вертикальное выравнивание). Во всех остальных случаях этот режим эквивалентен стандартному режиму.

Подробней о режимах будет посвящена отдельная статья.

Читайте также:  Anyoption бинарный опцион

Использование тега DOCTYPE

Определение типа документа (DTD) должно присутствовать на каждой странице до тега html.

Пример типичного обяъявелния DTD:

Тут:

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

Синтаксис определение типа документа часто называют сокращенно «Doctype».

Варианты тега DOCTYPE

Стандарт HTML 4.01 Strict (строгий)

Не содержит элементов, помеченных как «устаревшие» или «не одобряемые».

Стандарт HTML 4.01 Transitional (переходный)

Содержит устаревшие теги в целях совместимости и упрощения перехода со старых версий HTML.

Стандарт HTML 4.01 Frameset (с фреймами)

Аналогичен переходному, но содержит также теги для создания наборов фреймов.

Стандарт XHTML 1.0 Strict (строгий)

Не включает поддержку «устаревших» дескрипторов и атрибутов. Полностью отделяет содержание от оформления.

Стандарт XHTML 1.0 Transitional (переходный)

Есть поддержка многих «устаревших» определений и атрибутов. Предназначен для упрощения перехода со старых версий HTML.

Стандарт XHTML 1.0 Frameset (фреймовый)

Применяется при разработке на основе фреймов.

Стандарт XHTML 1.1 (модульный)

Не включает поддержку «устаревших» дескрипторов и атрибутов. Доступен импорт дополнительных свойств в разметку.

Стандарт XHTML Basic (основной)

специальная облегчённая версия XHTML для устройств, которые не могут использовать полный набор элементов (X)HTML — в основном используется в компактных устройствах.

Проверка действительности (X)HTML-документа

Разработчиками комитета W3C была создана программа проверки действительности (X)HTML-документов. Доступна по адресу http://validator.w3.org/. Возможные варианты проверок:

  • проверка URI;
  • проверка загруженного файла;
  • проверка введенного кода в поле

При использовании Macromedia Dreamweaver можно воспользоваться встроенным валидатором:

Надежней проверка будет на сайте W3C.

Подготовке материала посодействовали:

Источник: http://html-css-php-js.ru/html/tags/DOCTYPE.html

Зачем нужен DOCTYPE?

Вы здесь: Главная — HTML — HTML Основы — Зачем нужен DOCTYPE?

Все, кто знаком с более-менее серьёзным языком программирования, знают, что такой вольности в написании кода, как в HTML, нет.

Я знаком (с некоторыми очень даже серьёзно) с целой кучей языков программирования, и смело заявляю: нигде такой свободы, как в HTML, не существует! Однако, из-за этой свободы возникает большое количество противоречий для браузеров.

Ведь им же нужно как-то отображать этот «вольный» код, и желательно, чтобы каждый браузер отобразил этот код одинаково. И тут им на помощь приходит DOCTYPE.

DOCTYPE — это объявление типа документа, другими словами, DOCTYPE означает, какую версию HTML (либо XHTML) Вы используете.

Обратите внимание

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

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

Прежде чем переходить к различным вариантам DOCTYPE, я всё-таки отвечу на вопрос: «Зачем нужен DOCTYPE?«. А нужен он для того, чтобы браузеры правильно отображали разметку Вашего документа.

Если Вы не укажите DOCTYPE, то браузер будет добавлять «отсебятину«, причём каждые браузеры будут добавлять свою «отсебятину«.

В результате, ни о какой кроссбраузерности и речи идти не может.

Существует несколько вариантов DOCTYPE, однако, в реальности я Вам советую использовать один из двух вариантов:

Данный DOCTYPE означает, что документ соответствует стандарту HTML 4.01. Это самый частоиспользуемый вариант.

Однако, для любителей чистого кода (к коим отношусь я) советую использовать такой DOCTYPE:

Этот DOCTYPE сообщает браузеру о том, что документ соответствует стандарту XHTML 1.1. Именно этот DOCTYPE стоит на этом сайте.

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

Важно

Пока я писал эту статью, у меня в голове возникла мысль, что многие из Вас не знают разницу между HTML и XHTML. И почему, на мой взгляд, XHTML лучше? На эти вопросы я отвечу в следующей статье, так что не переключайтесь.

Если Вы хотите узнать больше по HTML, то посмотрите мой бесплатный курс с примером создания сайта на HTML: http://srs.myrusakov.ru/html

Предыдущая статья Следующая статья

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так:<\p>

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Источник: https://MyRusakov.ru/html-doctype.html

Все правильные doctype и запрещенные в них HTML теги

2011-06-23

Применение верно указанных правильных DOCTYPE в ваших HTML документах, то есть именно тех, спецификации которых соответствует их разметка, позволяет браузерам корректно обрабатывать HTML код и правильно отображать их содержимое.

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

Правильные DOCTYPE и HTML теги которые в них запрещены

Документ HTML 4.01 Строгий (Strict)

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

Запрещены теги:

Документ HTML 4.01 Переходный (Transitional)

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

Запрещены только теги фреймов:

>

Документ HTML 4.01 Набор фреймов (Frameset)

В таком документе можно использовать абсолютно все HTML теги и элементы включая фреймы и наборы фреймов.

Документ XHTML 1.0 Строгий (Strict)

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

Запрещенные HTML теги:

Документ XHTML 1.0 Переходный (Transitional)

Самый распространенный и используемый в данное время тип документов. Он может содержать любые теги кроме фреймов и их наборов. Так-же разрешена разметка XML.

Нельзя использовать лишь:

Документ XHTML 1.0 Набор фреймов (Frameset)

В документе с таким типом допускается применение абсолютно всех тегов и элементов включая фреймы и наборы фреймов.

Документ XHTML 1.1

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

Запрещено использование следующих тегов:

,

Документ HTML 5

Самый последний писк моды. Очень многие веб мастера уже декларируют именно этот тип документа, из-за его краткости и лаконичности. Запрещается использование устаревших тегов и фреймов, также исключены некоторые inline свойства элементов. Взамен добавлены новые элементы и свойства (такие как: ).

Запрещены теги следующих видов:

,

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

Источник: https://seodiz.ru/pravilnyj-doctype-html

DOCTYPE в HTML

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, для каждой версии языка:

HTML 4.01, Transitional (переходный)

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

HTML 4.01, Strict (строгий)

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

HTML 4.01, Frameset (фреймы)

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

HTML 1.0, Transitional (переходный)

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

HTML 1.0, Strict (строгий)

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

HTML 1.0, Frameset (фреймы)

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

HTML 1.1, Strict (строгий)

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

Вам понравились уроки? Поддержите проект «Учебники для вебмастера»! Можете отправить с карточки, мобильного телефона или яндекс.кошелька.

Минимальная сумма перевода 30 руб.

Статья создана: 23 Окт 2014

Статья обновлена: 5 Фев 2016

Источник: http://gabdrahimov.ru/html-doctype

Ссылка на основную публикацию