Содержание

Тег Doctype — просто о важном

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

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

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

Не лишним будет упомянуть о том, что данный тег имеет достаточно долгую историю. Он был разработан в то время, когда создали Internet Explorer 5 для MacOS и столкнулись с определенными трудностями чтения некоторых страниц.

Дело в том, что новая (по тем временам) версия браузера превзошла все ожидания и просто перестала отображать старые страницы сайтов надлежащим образом. И поэтому, старые страницы, не имевшие в коде на тот момент данного тега, были оснащены Doctype, стоящим перед элементом html.

Как уже было сказано выше, данный тег вставляют в код любого веб-документа для правильного определения его типа. Указание типа документа требуется в первую очередь потому, что сегодня существует сразу несколько версий HTML документов, написанных на разных языках. В том числе существует и расширенная версия – XHTML.

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

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

  • Doctype HTML 4.01. Код с использованием данного тега выглядит следующим образом:
    <!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>.

    В данном случае используется строгий html:

  • <!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01//EN"  "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    <title>...</title>
    </head>
    <body>
       <p align="center"><font>...</font></p>
    </body>
    </html> «http://www.w3.org/TR/html4/strict.dtd»>.
    • Переходные версии Doctype HTML 4.01.
    • HTML5 Doctype выглядит таким образом . Этот тег подходит для любых документов.

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

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

    Отображение документа в данном случае будет происходить таким образом, будто вы вольно отступали от стандартов.

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

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

    Если вы хотите получить и использовать правильный тег Doctype, то вы можете воспользоваться сервисом www.w3.org, что и делают сегодня большинство веб-мастеров.

    Здесь вы можете взять DOCTYPE HTML PUBLIC, который потребуется для определения веб-документов типа HTML 4.01, а также Doctype HTML 5 и многие другие типы тегов, необходимые для создания страниц, соответствующих стандартам.

    Пример использования тега для HTML 5, взятого с www.w3.org:

    <!DOCTYPE html>
    <html>
    <head>
    <title>!DOCTYPE</title>
    <meta charset="utf-8">
    </head>
    <body>
    <p>Text, text, text,text, text, text, text,</p>
    </body> 
    </html>

    Надеюсь, что данная статья оказалась для Вас полезной! Удачи!

Тег !DOCTYPE



Пример




Title of the document

<body>
The content of the document……
</body>

</html>


Определение и использование

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

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

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

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

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


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

Элемент
<!DOCTYPE> Да Да Да Да Да

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

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



HTML элементы и документа

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


Общие объявления DOCTYPE

HTML 5

HTML 4,01 строгий

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

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

HTML 4.01 Переходные

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

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

HTML 4.01 Рамок

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

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

XHTML 1.0 Strict

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

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

XHTML 1.0 Переходные

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

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

XHTML 1.0 Рамок

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

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

XHTML 1.1

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

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

Элемент DOCTYPE. Что это такое и зачем он нужен : WEBCodius

Приветствую Вас, уважаемые читатели! Сегодня короткий материал о специальном теге doctype. В статье вы узнаете что такое doctype, зачем он нужен и какие бывают версии html-документов.

В любом правильном html-документе, первым элементом в коде идет специальная директива <!DOCTYPE>

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

Элемент <!doctype> — DTD (document type definition, описание типа документа) указывает тип документа, который используется при написании html кода. Это непарный тег, который должен стоять самым первым в коде каждой страницы вашего сайта.

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

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

Если вы будете пользоваться неполным тегом DOCTYPE, устаревшим его видом, или вообще забудете про него, то браузер перейдет в хитрый режим уловок — quirks mode. И возможно странички вашего сайта отобразятся правильно в каких-то браузерах, но не факт, что они будут выглядеть также аккуратно в других популярных браузерах.

Основные типы документов

Ниже приведены основные типы документов:

DOCTYPE Описание
HTML 4.01
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»> Строгий синтаксис HTML
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»> Переходный синтаксис HTML
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Frameset//EN» «http://www.w3.org/TR/html4/frameset.dtd»> В HTML-документе применяются фреймы
HTML 5
<!DOCTYPE html>  
XHTML 1.0
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Strict//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd»> Строгий синтаксис XHTML
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»> Переходный синтаксис XHTML
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Frameset//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd»> XHTML-документе применяются фреймы
XHTML 1.1
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.1//EN» «http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd»>  

 Пример использования doctype для HTML5:

<!DOCTYPE html>
<html>
  <head>
    <title>Страничка на HTML5</title>
  </head>
  <body>
    <p>Содержимое странички</p>
  </body>
</html>

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

Таким образом указав doctype вы указываете браузерам по каким правилам обрабатывать ваш html-код. Если же doctype не указать, то соответственно различные браузеры будут интерпретировать ваши теги по разному и следовательно отображение вашего сайта в некоторых браузерах скорей всего будет не корректным.

Какой doctype использовать?

Выбрать какой doctype использовать стало проще с выходом последней версии HTML5. Так как doctype html5 включает в себя правила предыдущих версий и возможность работы с тегами html4.

Поэтому при выборе вида doctype я рекомендую выбирать пятую версию html и в первой строчке своих страничек ставить:

<!DOCTYPE html>

Вывод

Подведем итоги:

  • DOCTYPE — это элемент, который указывает тип документа и определяет правила по, которым браузер будет обрабатывать ваш html-код;
  • элемент doctype всегда должен быть размещен в первой строчке документа;
  • всегда указывайте doctype, иначе ваши странички могут отображаться некорректно;
  • если не знаете какой doctype использовать, указывайте doctype html5: <!doctype html>.

На этом все, желаю вам успехов! До новых встреч!

— тег для определения типа элемента

Тег <!DOCTYPE> предназначен для указания типа текущего документа. Это нужно, чтобы браузер знал как следует интерпретировать данную HTML веб-страницу.

Дело в том, что HTML существует в нескольких версиях,не считая XHTML (Расширенный Язык Разметки Гипертекста), который немного похож на HTML. Чтобы понимал, согласно какому стандарту отображать веб-страницу, необходимо в первой строке HTML кода писать <!DOCTYPE>.

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

  • 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"> — в HTML-документе применяются фреймы.

  • HTML 5

    <!DOCTYPE html> — для всех документов.

  • 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 и содержит фреймы.

  • XHTML 1.1

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> — предполагалось, что этот стандарт постепенно вытеснит HTML, но со временем появился HTML5, а про XHTML забыли.

Пример с тегом <!DOCTYPE>


<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Правильно пишем DOCTYPE</title>
 </head>  
 <body> 
  <p><a href="download.php">скачать</a></p>

 </body>
</html>

Результат примера вы можете увидеть на рисунке ниже.

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

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

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

Что такое html?

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

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

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

DOCTYPE Описание
HTML 4.01
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»> Строгий синтаксис HTML.
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»> Переходный синтаксис HTML.
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Frameset//EN» «http://www.w3.org/TR/html4/frameset.dtd»> HTML-документ, с применением фреймов.
HTML 5
<!DOCTYPE html> Для всех документов.
XHTML 1.0
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Strict//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd»> Строгий синтаксис XHTML.
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»> Переходный синтаксис XHTML.
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Frameset//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd»> XHTML-документ, с применением фреймов.
XHTML 1.1
<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.1//EN» «http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd»> Такой же, как и строгий синтаксис XHTML, но допускается добавление модулей.

Теперь, попробуем разобрать по кусочками, что же содержит DOCTYPE.
html — указывает элемент верхнего уровня, то есть самую основу кода. Для 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/.

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

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

Удачи!

HTML элемент DOCTYPE

<!DOCTYPE>  — этот элемент указывает на тип текущей веб-страницы, чтобы браузер мог понять, как необходимо интерпретировать страницу. Так как HTML существует в нескольких версиях, DOCTYPE помогает определить, какая версия HTML используется на сайте.

DOCTYPE Описание
HTML 4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Строгий синтаксис HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Переходный синтаксис HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> В HTML используются фреймы.
HTML 5
<!DOCTYPE html> Для всех документов. На данный момент во всех современных сайтах используется именно этот тип DOCTYPE.
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Строгий синтаксис XHTML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Переходный синтаксис XHTML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> Документ написан на XHTML и содержит фреймы.
XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> Разработчики XHTML 1.1 предполагают, что он постепенно вытеснит HTML. Никакого деления на виды это определение не имеет, синтаксис один и подчиняется четким правилам.

 Пример использования DOCTYPE:


<!DOCTYPE html>
<html>
 <head>
   <title>!DOCTYPE</title>
   <meta charset="utf-8">
 </head>
 <body>
  <p>Содержимое страницы</p>
 </body> 
</html>

 

Немного о DOCTYPE | CSS-Tricks по-русски

Немного о DOCTYPE

В этой небольшой статье хотелось бы затронуть такой немаловажный вопрос, как использование тега «doctype». Если быть точнее, то doctype не является тегом html, а указывает браузеру какую версию языка разметки использовать для корректного отображения страницы (например: XHTML 1.0 или HTML 4.01).

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

Тег doctype указывает на файл объявления типа документа (Document Type Definition (DTD)). В свою очередь DTD определяет, какие правила, тэги, атрибуты и их значения действительны для конкретного html.

Пример наиболее распространенных видов doctype:

  • <!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»>

Полный список DTD рекомендованных W3C.

И немного о том, что означает: Strict, Transitional и Frameset.

  • Strict — в данном DTD отсутствуют теги имеющие статус «опытный» (presentational) либо нежелательный к применению (deprecated).
  • Transitional — более мягкий (переходный) DTD. Он включает в себя все от Strict, а также позволяет использовать опытные и нежелательные теги. Нельзя использовать фреймы.
  • Frameset — в свою очередь наследует все от Transitional и позволяет использовать фреймы.

Это код для объявления DOCTYPE в HTML5 »

Раскрытие: Ваша поддержка помогает поддерживать работу сайта! Мы зарабатываем реферальный сбор за некоторые услуги, которые мы рекомендуем на этой странице. Узнать больше
Элемент
Структура HTML-документа до и после HTML5 — вот что изменилось
Что делает : это код для объявления DOCTYPE в HTML5 ?
Объявление используется для информирования браузера посетителя веб-сайта о том, что отображаемый документ является документом HTML.Хотя на самом деле это не элемент HTML, каждый документ HTML должен иметь объявление DOCTYPE, чтобы соответствовать стандартам HTML.
Дисплей
нет
Нулевой элемент
Этот элемент не должен содержать никакого содержимого и не требует закрывающего тега.
Использование
структурное

Объявление DOCTYPE

Для всего HTML должен быть объявлен DOCTYPE. DOCTYPE на самом деле не является элементом или тегом HTML. Он позволяет браузеру узнать, как следует интерпретировать документ, указав, какая версия или стандарт HTML (или другой язык разметки) используется.

Документы HTML5

Для документов HTML5 (которыми должны быть почти все новые веб-документы) объявление DOCTYPE должно иметь вид:

  
  

Это должно быть первым элементом вашего документа, перед элементами или . Также нет закрывающего тега.

  


*
*
*


*
*
*


  

Другие ТИПЫ ДОКУМЕНТОВ, с которыми вы можете встретиться

Фактически нет причин создавать новые документы HTML в более старом стандарте.Однако вы можете увидеть любой из следующих типов документов в устаревших системах:

HTML 4.01 Strict

  
  

HTML 4.01 Transitional

  
  

HTML 4.01 Набор фреймов

  
  

XHTML 1.0 Strict

  
  

XHTML 1.0 Transitional

  
  

XHTML 1.0 Frameset

  
  

XHTML 1.1

  
  

Адам — ​​технический писатель, специализирующийся на документации и учебных пособиях для разработчиков.

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

HTML Doctypes — GeeksforGeeks

HTML Doctypes

Doctype: Объявление типа документа или документа — это инструкция, которая сообщает веб-браузеру о языке разметки, на котором написана текущая страница.Doctype не является элементом или тегом, он позволяет браузеру узнать о версии или стандарте HTML или любого другого языка разметки, который используется в документе.

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

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

  

Doctype Usage : В версии HTML 4.01, объявление DOCTYPE использовалось для создания ссылки на определение типа документа (DTD), поскольку версия HTML 4.01 полностью основывалась на стандартном обобщенном языке разметки (SGML).
Определение типа документа (DTD) отвечает за определение правил для стандартного обобщенного языка разметки (SGML), чтобы браузер правильно обрабатывал контент. Но в версии HTML, HTML 5 нет необходимости в ссылке на определение типа документа (DTD), потому что HTML 5 не основан на стандартном обобщенном языке разметки (SGML).

В HTML 5 объявление DOCTYPE требуется только для включения стандартного режима записи документов.
Ниже приведен пример программы HTML с объявлением типа документа:


Пример:

HTML

< HTML >

< корпус >

< h2 > GeeksforGeeks h2 >

< h3 > Это тег Doctype HTML5 h3 >

корпус >

HTML >

Выход:

Ниже приведен список некоторых общих объявлений doctype для разных версий HTML и XHTML:

  1. HTML 5

  2. HTML 4.01 Strict: В HTML 4.01 Strict document type definition (DTD) включены все те элементы и атрибуты, которые не отображаются в документах с набором фреймов или которые не являются устаревшими.

  3. HTML 4.01 Transitional: В HTML 4.01 Определение типа переходного документа (DTD) допускает использование некоторых устаревших атрибутов PUBLIC и устаревших.

  4. HTML 4.01 Набор фреймов: В определении типа документа (DTD) набора фреймов HTML 4.01 можно использовать фреймы.

  5. XHTML 1.0 Strict: В XHTML 1.0 Strict Document type definition (DTD) устаревшие теги не поддерживаются, и код должен быть написан в соответствии со Спецификацией XML.

  6. XHTML 1.0 Transitional: В определении типа документа XHTML 1.0 Transitional (DTD) разрешены устаревшие элементы.

  7. Набор фреймов XHTML 1.0: В определении типа документа (DTD) набора фреймов XHTML 1.0 можно использовать наборы фреймов.

  8. XHTML 1.1: В определении типа документа XHTML 1.1 (DTD) позволяет добавлять модули.

Поддерживаемые браузеры:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

Doctypes и стилей разметки - W3C Wiki

Введение

Тип документа отображается сразу над тегом , в самом начале каждого документа, который вы пишете:

 


  
   Мой замечательный документ 

   ... так далее
 

Тип документа объясняет, какой тип HTML следует ожидать и, следовательно, какие средства проверки спецификации (например, средство проверки HTML W3C) должны проверять ваш документ. В этой статье учебной программы по веб-стандартам мы исследуем различные типы документов, с которыми вы, вероятно, столкнетесь в своем путешествии по сети, а также рассмотрим, чем отличаются XHTML и HTML.

Стандарты и режим причуд

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

С другой стороны, если браузер обнаруживает устаревший, неполный или отсутствующий тип документа в начале страницы, он использует «режим причуд», который более обратно совместим со старыми практиками и старыми браузерами. Режим Quirks предполагает, что документ старый или что он не был создан с учетом веб-стандартов - это означает, что веб-страница все равно будет отображаться, но браузер будет работать с этим немного усерднее, и вы, вероятно, получите странный или уродливый результат, которого вы не совсем ожидали.Различия в основном связаны с тем, как обрабатывается CSS, и лишь в некоторых случаях - с тем, как обрабатывается сам HTML. Как веб-дизайнер или разработчик, вы получите наиболее последовательные результаты, убедившись, что все браузеры используют свой стандартный режим рендеринга, поэтому вам следует придерживаться веб-стандартов и использовать правильный тип документа!

Тип документа HTML5

В этом курсе мы придерживаемся docype HTML5:

  

В использовании этого документа нет недостатков, и его, безусловно, намного легче запомнить, чем другие! Это то, что мы рекомендуем вам использовать в будущем, поскольку даже если вы еще не планируете использовать какие-либо новые функции HTML5 в своей работе, он все равно будет проверять большую часть HTML 4 / XHTML 1.0 (есть несколько исключений, когда функции были удалены из спецификации, но, как вы узнаете позже, проверка - это всего лишь полезный инструмент, а не все и все и конец всего), и будет доказательством на будущее когда вы начнете использовать новые функции HTML5. Однако существуют и другие типы документов, с которыми вы можете столкнуться при работе над различными проектами. Давайте посмотрим на некоторые из других, с которыми вы можете столкнуться.

The HTML 4.01 strict doctype

  

Строгий тип документа HTML 4.01 проверяется на соответствие спецификации HTML 4.01, хотя он не позволяет использовать какую-либо презентационную разметку или устаревшие элементы (такие как элементы ) или наборы фреймов. Он проверяет свободную разметку стиля HTML, такую ​​как минимизированные атрибуты и атрибуты без кавычек (например, требуется , а не требуется = "требуется" ).

Переходный тип документа HTML 4.01

  

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

Строгие и переходные типы документов XML 1.0

  

и

  

Это точные эквиваленты XHTML 1.0 доктипов HTML 4.01, которые мы обсуждали выше, поэтому функционально они одинаковы, за исключением того, что они не проверяют разметку свободного стиля HTML: все это должно быть правильно сформированным XML.

Типы документов набора фреймов HTML 4.01 и XML 1.0

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

 

 

Функционально они такие же, как переходный HTML 4.01 и переходный XHTML 1.0 соответственно, но позволяют использовать наборы фреймов. Но, пожалуйста, не используйте наборы фреймов: они злые и устаревшие. Мы даже не говорим, что вы должны использовать их где-либо в этом курсе. Каждый раз, когда вы используете набор фреймов на веб-странице, фея умирает.Так что, пожалуйста, не надо. Подумайте о феях.

Другие типы документов

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

HTML против синтаксиса XHTML

Таблица 1 показывает основные синтаксические различия между HTML и XHTML:

HTML XHTML
Элементы и атрибуты нечувствительны к регистру, например,

- это то же самое, что

.
Элементы и атрибуты чувствительны к регистру; все они строчные.
Некоторым элементам не нужен закрывающий тег (например, абзацы,

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

Все элементы должны быть явно закрыты (например,

Абзац

). Элементы без содержимого должны быть закрыты с помощью косой черты в начальном теге (например,
и
означают одно и то же).
Значения атрибутов можно записывать без заключения в кавычки. Значения атрибутов должны быть заключены в кавычки.
Сокращение может использоваться для определенных атрибутов (например, <требуется ввод> ). Полная форма атрибута должна использоваться для всех атрибутов (например, ).

Таблица 1. Различия между HTML и XHTML.

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

  • Если вы используете тип документа HTML5 или тип документа HTML 4.01, вы можете использовать любой стиль, который хотите
  • Если вы используете тип документа XHTML, вам необходимо использовать правильно сформированный синтаксис XML
  • Какой бы стиль вы ни использовали, лучше всего:
    • Закройте все открытые элементы, например,

      параграф

      , а не

      параграф

    • Разместите их должным образом, например

      абзац с полужирным словом

      , а не

      абзац с жирным словом

Последнее правило очень важно.Если вы этого не сделаете, ваш HTML не будет правильно сформирован, а CSS и JavaScript могут работать ненадежно, поскольку они полагаются на наличие правильно сформированной объектной модели документа (DOM). Для получения дополнительной информации о HTML DOM прочтите «Выращивание деревьев».

Обслуживание "реального" XML

Вам также может быть интересно узнать, что большая часть XHTML в Интернете на самом деле является HTML, написанным с хорошо сформированным синтаксисом XML. Даже если тип документа - XHTML, он будет отправлен клиенту как HTML, если вы:

  • сохраните файл с расширением .xhtml Расширение файла
  • Включите строку кода, называемую декларацией XML, перед вашим типом документа, которая выглядит следующим образом:
  

Однако мы не рекомендуем вам это делать: старые версии Internet Explorer (6 и ниже) переключаются в режим Quirks, если обнаруживают объявление XML в начале документа, что, как мы уже рассматривали ранее, плохо. Кроме того, IE 6-8 будет пытаться загружать файлы, сохраненные как XHTML, а не отображать их в браузере, что вам определенно не нужно!

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

Сводка

Вот и все, что вам нужно знать о doctype.


Далее: HTML-элемент .

Что такое декларация DOCTYPE в HTML?

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

В HTML 4.01 объявление DOCTYPE относится к определению типа документа (DTD). DTD определяет структуру и юридические элементы XML-документа. Поскольку HTML 4.01 был основан на Стандартном обобщенном языке разметки (SGML), ссылка на DTD в объявлении DOCTYPE была необходима.

Кроме того, doctypes для HTML 4.01 требовали объявления либо strict , transitional , либо frameset DTD, каждый из которых имел свой вариант использования, как описано ниже.

  • Strict DTD : используется для веб-страниц, которые исключают атрибуты и элементы , которые W3C ожидает поэтапно по мере роста поддержки CSS
  • Transitional DTD : используется для веб-страниц, которые включают атрибутов и элементы, которые W3C планирует постепенно исключить по мере роста поддержки CSS
  • Frameset DTD : используется для веб-страниц с фреймами

Напротив, объявление HTML5 DOCTYPE намного проще: оно больше не требует ссылки на DTD, поскольку он больше не основан на SGML.См. Примеры ниже для сравнения HTML 4.01 и HTML5 DOCTYPE s.

Примеры

Синтаксис Doctype для HTML5 и последующих версий:

    

Синтаксис Doctype для строгого HTML 4.01:

    

Синтаксис Doctype для переходного HTML 4.01:

    

Синтаксис Doctype для набора фреймов HTML 4.01:

    

История

В годы становления HTML веб-стандарты не были согласованы пока. Поставщики браузеров могли создавать новые функции так, как они хотели. Конкурирующие браузеры мало беспокоились о них.

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

Консорциум W3C (World Wide Web Consortium) написал набор веб-стандартов для обработки этой ситуации. Все поставщики браузеров и веб-разработчики должны придерживаться этих стандартов. Это обеспечит хорошее отображение веб-сайтов в браузерах.

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

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

В браузерах обычно были доступны три отдельных режима рендеринга.

  • Режим полного стандарта отображает страницы в соответствии с веб-стандартами W3C.
  • Quirks mode отображает страницы несоответствующим стандартам способом.
  • Почти стандартный режим близок к полному стандартному режиму, но имеет поддержку небольшого количества причуд.

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

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

Объявление Doctype должно быть самой первой строкой кода в документе HTML, за исключением комментариев, которые могут быть перед ним, если необходимо.Для современных документов HTML5 объявление doctype должно иметь следующий вид:

Дополнительная информация:

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

Примечание из W3

Глоссарий MDN

W3Schools

Краткое объяснение «Quirks Mode» и «Standards Mode»

HTML 4! Тег doctype


Тег HTML ! Doctype используется для указания, какую версию HTML использует документ.Это называется декларацией типа документа (DTD) .

Объявление типа документа HTML 4 начинается с , за которой следует информация о спецификации HTML, которой соответствует документ.

HTML 4.01 имеет 3 возможных типа документа: HTML 4 Strict, HTML 4 Transitional и HTML 4 Frameset. Каждый документ HTML 4, который вы создаете, должен иметь одно из этих трех DTD. DTD, который вы используете, будет зависеть от того, насколько строгим должен быть ваш HTML, и от того, используете ли вы фреймы или нет.

HTML 4 Строгий

Этот тип документа включает все элементы HTML, за исключением тех, которые были объявлены устаревшими, и тех, которые появляются в документах с набором фреймов.

HTML 4 переходный

Этот тип документа включает все элементы HTML, в том числе устаревшие.

HTML 4 Набор фреймов

Этот тип документа включает все элементы HTML в переходном DTD, а также во фреймовом документе.

HTML 5

HTML 5 использует упрощенное объявление ! Doctype (по сравнению с предыдущими версиями).Вот он:

Подробнее о версии HTML5 здесь.

Информация на этой странице основана на HTML версии 4.01. Большинство современных браузеров теперь поддерживают HTML5.

См. HTML5 Тег для версии HTML5 указанного выше элемента.

См. Этот список тегов HTML для получения последнего списка элементов HTML.

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

Возникли проблемы с вашими веб-страницами? Не могу заставить их правильно отображаться в ваш браузер? Возможно, ваша страница немного «необычна».

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

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

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

Режимы

В попытке противостоять веб-страницам, написанным для старых браузеров, новые версии браузера (браузеры на основе Mozilla, Netscape 7, Windows Internet Explorer 6, Mac Internet Explorer 5, Opera 7 и Safari) имеют два типа представления режимы: стандартные и причуды .Используя стандартный режим , браузер пытается следовать рекомендациям W3C. Когда браузер переходит в выкидывает режим , он пытается имитировать старую версию браузера. Это может привести к тому, что браузер проигнорирует таблицы стилей вашей страницы и отобразит страница непригодна для использования (Mozilla и Safari также имеют третий режим: почти стандартные режимы , который в основном относится к вертикальной калибровке таблиц).

Что это такое?

Объявление сообщает браузеру, какая версия (X) HTML используется, поэтому он знает, как отображать страницу.Декларация также может содержать ссылку на текстовый файл (т. е. свободный DTD), который браузер использует для получения дополнительной информации. Это похоже к настройке вашего автомобиля. Для правильного выполнения механик должен знать марку, модель и год выпуска машины. Он также должен знать, как много цилиндров в двигателе и его мощность. Как только он это узнает, он сможет двигаться вперед и правильно настроить двигатель.

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

W3C HTML 4.01 и XHTML 1.0 указано, что требуется во всех документах.

W3C устанавливает спецификации для общих протоколов, используемых в Интернете. Этот помогает гарантировать, что каждый веб-сайт доступен для различных пользовательских агентов (браузеры / зрители / читатели). Технически стандартов относительно Интернета нет. разработка сайта применительно к кодированию. Есть только «спецификации», или, как их называет W3C, «рекомендации». Однако эти спецификации рассматриваются большинством веб-разработчиков, а также создателей пользовательских агентов, как быть на одном уровне со стандартами.Большинство текущих браузеров (например, Firefox, Opera, Safari) начинают внимательно следить за спецификациями.

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

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

Объявление должно быть самым первым, что ваш документ перед тегом . Затем, когда браузер начинает загружать страницу, он знает, как обращаться с кодом на странице.

Существует три различных типа документов для HTML 4.01: Strict , Transitional и Frameset . Тип Strict используется с каскадными таблицами стилей и помогает обеспечить кодирование без помех.

strict .dtd">

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

Transitional // EN" "http://www.w3.org/TR/html4/ свободно .dtd">

Набор фреймов Тип используется в документах с фреймами.

Frameset // EN" "http://www.w3.org/TR/html4/ frameset .dtd">

Те же три типа документов также используются в XHTML 1.0:

Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict .dtd">

Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- переходный .dtd ">

Frameset // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- набор фреймов .dtd">

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

Дополнительная информация

! Doctype декларация

Описание

Тег HTML ! DOCTYPE - это первое, что должно быть в каждом совместимом веб-документе.Его цель - сообщить браузеру, какой тип документа он собирается обрабатывать.

В HTML5 объявление ! DOCTYPE остается только по устаревшим причинам, относящимся к режимам обработки в браузерах.

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

Ниже приведен список из DTD для всех версий HTML (включая XHTML) и других, таких как SVG и MathML .Но помните, что на сегодняшний день нет необходимости использовать какое-либо другое объявление, кроме объявления HTML5, поскольку это, безусловно, предпочтительная версия (если вы не работаете над очень конкретным проектом).

HTML5

  
  

XHTML 1.1

  
  

XHTML 1.0

XHTML 1.0 состоял из трех подверсий, названных «Строгий», «Переходный» и «Набор фреймов». Первые два отличаются тем, как они рассматривают допустимые элементы, атрибуты или синтаксис, поскольку «переходная» версия является более разрешительной. DTD "Frameset" такое же, как "Transitional", но с поддержкой кадров.

Строгий
  
  
переходный
  
  
Набор рамок
  
  

XHTML 1.1 + MathML 2.0 + SVG 1.1

  
  

SVG 1.1

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

Полный
  
  
Базовый
  
  
Крошечный
  
  

SVG 1.0

  
  

MathML 2.0

  
  

MathML 1.01

  
  

HTML 4.01

HTML 4.01 появился в тех же трех версиях, что и XHTML 1.0 несколько лет спустя.

Строгий
  
  
переходный
  
  
Набор рамок
  
  

HTML 3,2

  
  

HTML 2.0

  
  
.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *