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

Исследование Doctype

Mozilla, Mac IE 5, Windows IE 6, Safari и Opera 7+ используют для того, чтобы оценить как рассматривать разметку документа text/html. Этот метод основан на определении объявления типа документа (или его отсутствия) в начале HTML документа. (Документы, которые используют определение типа контента XML, всегда рассматриваются в Standards mode.)

Объявление типа документа () включает название (характерное для распознавания) корневого элемента и ссылку на DTD (document type definition — определение типа документа), которое в свою очередь, содержит информацию о синтаксических правилах для документа. (Теоретически, весь DTD может быть вставлен в объявление типа документа, но на практике используется лишь ссылка на него.) В спецификации HTML объявление типа документа содержит HTML. Отсутствие объявления типа документа и информации о его версии не позволяет правильно обрабатывать этот документ.

Ни спецификация HTML 4.01, ни ISO 8879 (SGML) не говорят что-либо об использовании объявления типа документа как о переключателе режимов отображения разметки. Пренебрежение к основано на его несоблюдении, а также на том, что большинство устаревших нестандартных документов не включают объявление типа документа, либо ссылаются на старые DTD.

Типичное объявление типа документа содержит строку (все ее части разделены пробелами): «

Quirks ModeStandards ModeAlmost Standards Mode

В шапке таблицы используются следующие соткращения:

NS6
Mozilla 0.6…0.9.4 и Netscape 6.0…6.2.3
Old Moz
Mozilla 0.9.5 вплоть до 1.1 alpha и Mozilla 1.0
Moz и Safari
Mozilla 1.0.1, Mozilla 1.1 beta и выше, Firefox и Netscape 7, Safari v73 aka. 0.9 вплоть до Safari v125.11 aka. 1.2.4
Opera 7.5
Opera 7.5
Opera 7.10
Opera 7.107.23
IE 6 и Opera 7.0
Windows IE 6 and Opera 7.0…7.03
Mac IE 5
Mac IE 5.0…5.2.3
Konq 3.2
Konqueror 3.2.2…3.3 (вероятно также 3.1…3.2.1; не подтверждено)
Doctype NS6 Old Moz Moz и Safari Opera 7.5 Opera 7.10 IE 6 и Opera 7.0 Mac IE 5 Konq 3.2
Не объявлен Q Q Q Q Q Q Q Q
До HTML 4.0 doctype Q Q Q Q Q Q Q Q
HTML 4.0 Strict doctype без URL S S S S A A A A
HTML 4.01 Strict doctype без URL S S S S A A Q A
HTML 4.0 Strict doctype с URL S S S S A A A A
HTML 4.01 Strict doctype с URL S S S S A A A A
HTML 4.0 Transitional doctype без URL Q Q Q Q Q Q Q Q
HTML 4.01 Transitional doctype без URL Q Q Q Q Q Q Q Q
HTML 4.01 Transitional doctype с URL http://www.w3.org/TR/html4/loose.dtd S S A A A A A Q
HTML 4.01 Transitional doctype с URL http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd Q S A A A A A Q
HTML 4.0 Transitional doctype с URL Q Q Q A A A A Q
XHTML 1.0 Strict doctype без XML объявления S S S S A A A A
XHTML 1.0 Transitional doctype без XML объявления S S A A A A A Q
XHTML 1.0 Strict doctype вместе с XML объявлением S S S S A Q A Q
XHTML 1.0 Transitional doctype с XML объявлением S S A A A Q A Q
ISO HTML версия 2000 doctype, краткая форма Q S S Q Q Q Q Q
ISO HTML версия 2000 doctype, длинная форма Q S S S A A A Q
ISO HTML версия 1999 doctype, краткая форма S S S Q Q Q Q Q
ISO HTML версия 1999 doctype, длинная форма S S S S A A A Q

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

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

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

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

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

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

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

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

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

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

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

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

 продолжение внешнего коммента-->

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

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

DOCTYPE html PUBLIC

Мы с Вами уже познакомились с общей структурой страницы html. Однако, тег  — не самая первая строчка большинства страниц в сети. Сегодня мы с вами познакомимся с элементом 

Значение тега DOCTYPE

Фактически, несмотря на треугольные скобки, элемент

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

Правильные варианты DOCTYPE html

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

HTML 5

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

  • Содержание мета-тега title не должно превышать 60 символов, так как большинство поисковиков ставят именно такое ограничение.
  • Содержание meta-тега description не рекомендуем делать более 160 символов.
  • Ключевые слова (мета-тег keywords) заполнять в принципе не обязательно. Но если Вы решите их заполнить, не нужно писать туда тысячи слов. Это Вам может только навредить. 3-5 ключевых фраз вполне достаточно.

Генератор мета тегов

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

Мета теги, элемент DOCTYPE, тег Header, тег Head, а также генератор мета тегов — это все, что я хотел Вам рассказать в данном уроке. Встретимся в следующем видеоуроке про параграфы и заголовки!

DOCTYPE html Public — обязательная инструкция для браузера. Мета теги — теги, содержащие данные о веб-странице.

Спецификации HTML и их объявления с помощью DOCTYPE

Я часто в своих уроках делал такие утверждения, как – «один тэг должен располагаться внутри другого», «у тэга img должен быть атрибут src», «сначала идёт тэг head, а потом body» и так далее. Но я ведь не придумывал всё это на лету, — а руководствовался неким регламентом, автором которого является организация, которая собственно придумывает и утверждает все стандарты, — называется она W3C (Консорциум Всемирной Паутины). Раньше я об этом не упоминал, но стандартов написания HTML существует несколько. И у каждого из них есть свои особенности и правила написания. Связано это с тем, что HTML не стоит на месте, а постоянно развивается.

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

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

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

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

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

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

HTML 4.01

HTML теги

  • /strong>
  • a
  • abbr
  • acronym
  • address
  • applet
  • area
  • b
  • base
  • basefont
  • bdo
  • bgsound
  • big
  • blink
  • blockquote
  • body
  • br
  • button
  • caption
  • center
  • cite
  • code
  • col
  • colgroup
  • comment
  • dd
  • del
  • dfn
  • dir
  • div
  • dl
  • dt
  • em
  • embed
  • fieldset
  • font
  • form
  • frame
  • frameset
  • h1-h6
  • head
  • hr
  • html
  • i
  • iframe
  • ilayer
  • img
  • input
  • ins
  • isindex
  • kbd
  • label
  • layer
  • legend
  • li
  • link
  • listing
  • map
  • marquee
  • menu
  • meta
  • multicol
  • nobr
  • noembed
  • noframes
  • noindex
  • noscript
  • object
  • ol
  • optgroup
  • option
  • p
  • param
  • plaintext
  • pre
  • q
  • s
  • samp
  • script
  • select
  • small
  • sound
  • spacer
  • span
  • strike
  • strong
  • style
  • sub
  • sup
  • table
  • tbody
  • td
  • textarea
  • tfoot
  • th
  • thead
  • title
  • tr
  • tt
  • u
  • ul
  • var
  • wbr
  • xmp

атрибуты HTML

  • abbr
  • above
  • accept
  • accept-charset
  • accesskey
  • action
  • align
  • alink
  • allowtransparency
  • alt
  • archive
  • autocomplete
  • axis
  • background
  • bgcolor
  • bgproperties
  • border
  • bordercolor
  • cellpadding
  • cellspacing
  • char
  • charoff
  • charset
  • checked
  • cite
  • class
  • classid
  • clear
  • code
  • codebase
  • codetype
  • color
  • cols
  • colspan
  • compact
  • content
  • coords
  • data
  • datetime
  • declare
  • defer
  • dir
  • disabled
  • enctype
  • face
  • for
  • frame
  • frameborder
  • galleryimg
  • headers
  • height
  • href
  • hreflang
  • hspace
  • http-equiv
  • id
  • ismap
  • label
  • lang
  • language
  • link
  • longdesc
  • loop
  • marginheight
  • marginwidth
  • maxlength
  • media
  • method
  • multiple
  • name
  • nohref
  • noresize
  • noshade
  • nowrap
  • object
  • profile
  • prompt
  • readonly
  • rel
  • rev
  • rows
  • rowspan
  • rules
  • scheme
  • scope
  • scrolling
  • selected
  • shape
  • size
  • span
  • src
  • standby
  • start
  • style
  • summary
  • tabindex
  • target
  • text
  • title
  • type
  • usemap
  • valign
  • value
  • valuetype
  • version
  • vlink
  • vspace
  • width
  • xmlns

Теги HTML

c http-equiv=»Content-Type» content=»text/html;charset=UTF-8″>lass=»block_content scroll»>

  • Все теги
  • Валидация тегов
    • accesskey
    • charset
    • coords
    • download
    • href
    • hreflang
    • name
    • rel
    • rev
    • shape
    • tabindex
    • target
    • title
    • type
  • title

    • align
    • alt
    • archive
    • code
    • codebase
    • height
    • hspace
    • vspace
    • width
    • accesskey
    • alt
    • coords
    • href
    • hreflang
    • nohref
    • shape
    • tabindex
    • target
    • type
    • autoplay
    • controls
    • loop
    • muted
    • preload
    • src
    • href
    • target
    • color
    • face
    • size
  • dir

    • balance
    • loop
    • src
    • volume
    • alink
    • background
    • bgcolor
    • bgproperties
    • bottommargin
    • leftmargin
    • link
    • rightmargin
    • scroll
    • text
    • topmargin
    • vlink
  • clear

    • accesskey
    • autofocus
    • disabled
    • form
    • formaction
    • formenctype
    • formmethod
    • formnovalidate
    • formtarget
    • name
    • type
    • value
    • align
    • valign
    • align
    • char
    • charoff
    • span
    • valign
    • width
    • align
    • char
    • charoff
    • span
    • valign
    • width
    • cite
    • datetime
    • align
    • title
    • align
    • height
    • hidden
    • hspace
    • pluginspage
    • src
    • type
    • vspace
    • width
    • disabled
    • form
    • title
    • color
    • face
    • size
    • accept-charset
    • action
    • autocomplete
    • enctype
    • method
    • name
    • novalidate
    • target
    • bordercolor
    • frameborder
    • name
    • noresize
    • scrolling
    • src
    • border
    • bordercolor
    • cols
    • frameborder
    • framespacing
    • rows
  • align

  • align

  • align

  • align

  • align

  • align

  • profile

    • align
    • color
    • noshade
    • size
    • width
    • manifest
    • title
    • xmlns
    • align
    • allowtransparency
    • frameborder
    • height
    • hspace
    • marginheight
    • marginwidth
    • name
    • sandbox
    • scrolling
    • seamless
    • src
    • srcdoc
    • vspace
    • width
    • align
    • alt
    • border
    • height
    • hspace
    • ismap
    • longdesc
    • lowsrc
    • src
    • usemap
    • vspace
    • width
    • accept
    • accesskey
    • align
    • alt
    • autocomplete
    • autofocus
    • border
    • checked
    • disabled
    • form
    • formaction
    • formenctype
    • formmethod
    • formnovalidate
    • formtarget
    • list
    • max
    • maxlength
    • min
    • multiple
    • name
    • pattern
    • placeholder
    • readonly
    • required
    • size
    • src
    • step
    • tabindex
    • type
    • value
    • cite
    • datetime
    • accesskey
    • for
    • accesskey
    • align
    • title
    • type
    • value
    • charset
    • href
    • media
    • rel
    • sizes
    • type
  • name

    • behavior
    • bgcolor
    • direction
    • height
    • hspace
    • loop
    • scrollamount
    • scrolldelay
    • truespeed
    • vspace
    • width
    • label
    • type
    • charset
    • content
    • http-equiv
    • name
    • high
    • low
    • max
    • min
    • optimum
    • value
    • align
    • archive
    • classid
    • code
    • codebase
    • codetype
    • data
    • height
    • hspace
    • tabindex
    • type
    • vspace
    • width
    • reversed
    • start
    • type
    • disabled
    • label
    • disabled
    • label
    • selected
    • value
  • align

    • name
    • type
    • value
    • valuetype

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Нельзя использовать сокращенные атрибуты тегов

С

¾ÃºÃÂðÃÂõýýÃÂü ýð÷ÃÂòðõÃÂÃÂàðÃÂÃÂøñÃÂàñõ÷ ÿÃÂøÃÂòþõýýþóþ ÷ýðÃÂõýøÃÂ. àÿÃÂøüõÃÂõà3.9
ÿÃÂøòõôõýð ÃÂþÃÂüð àøÃÂÿþûÃÂ÷þòðýøõü ÃÂðúøàðÃÂÃÂøñÃÂÃÂþò.

ÃÂÃÂøüõà3.9. ÃÂÃÂøñúð ÿÃÂø øÃÂÿþûÃÂ÷þòðýøø ðÃÂÃÂøñÃÂÃÂþò

XHTML 1.0IECrOpSaFx

ëÃÂÃÂÃÂÃÂþõ ÷ýðÃÂõýøõû, úðú õÃÂõ ýð÷ÃÂòðõÃÂÃÂàÿþôþñýðàþÃÂøñúð, ûõóúþ øÃÂÿÃÂðòûÃÂõÃÂÃÂÃÂ,
õÃÂûø ÿÃÂøÃÂòþøÃÂàðÃÂÃÂøñÃÂÃÂà÷ýðÃÂõýøõ, ÃÂþòÿðôðÃÂÃÂõõ àýð÷òðýøõü.
àÃÂðñû.à3.2 ÿÃÂøòõôõýàýõúþÃÂþÃÂÃÂõ ðÃÂÃÂøñÃÂÃÂàø úðú þýø ÷ðÿøÃÂÃÂòðÃÂÃÂÃÂàò HTML
ø XHTML.

âðñû 3.2. áþÿþÃÂÃÂðòûõýøõ ðÃÂÃÂøñÃÂÃÂþò ò HTML ø XHTML
HTML XHTML
checked checked=»checked»
compact compact=»compact»
disabled disabled=»disabled»
ismap ismap=»ismap»
multiple multiple=»multiple»
nohref nohref=»nohref»
noresize noresize=»noresize»
noshade noshade=»noshade»
nowrap nowrap=»nowrap»
readonly readonly=»readonly»
selected selected=»selected»

àÿÃÂøüõÃÂõ 3.10 ÿþúð÷ðýþ úþÃÂÃÂõúÃÂýþõ øÃÂÿþûÃÂ÷þòðýøõ òÃÂÃÂõÿÃÂøòõôõýýþù ÃÂþÃÂüÃÂ.

ÃÂÃÂøüõà3.10. ÃÂÃÂðòøûÃÂýþõ øÃÂÿþûÃÂ÷þòðýøõ ðÃÂÃÂøñÃÂÃÂþò

XHTML 1.0IECrOpSaFx

Директива include

Д

¸ÃÂõúÃÂøòð include òÃÂÃÂðòûÃÂõàÃÂþôõÃÂöøüþõ ôÃÂÃÂóþóþ ÃÂðùûð
ò ÃÂõúÃÂÃÂøù ôþúÃÂüõýÃÂ. äðùû þñÃÂ÷ðÃÂõûÃÂýþ ôþûöõý ñÃÂÃÂàôþÃÂÃÂÃÂÿõý, øýðÃÂõ þý
ýõ ñÃÂôõàÿþúð÷ðý. ã ôøÃÂõúÃÂøòàinclude øüõõÃÂÃÂàôòð ÿðÃÂðüõÃÂÃÂð:
file ø virtual.

ÃÂðÃÂðüõÃÂàfile

ãúð÷ÃÂòðõàÿÃÂÃÂàú ÃÂðùûàþÃÂýþÃÂøÃÂõûÃÂýþ ÃÂõúÃÂÃÂõóþ ôþúÃÂüõýÃÂð. ÃÂþöýþ øÃÂÿþûÃÂ÷þòðÃÂÃÂ
úðú ÃÂõúÃÂÃÂþòÃÂõ ÃÂðùûÃÂ, ÃÂðú ø HTML-ôþúÃÂüõýÃÂÃÂ, ð ÃÂðúöõ òúûÃÂÃÂðÃÂàôÃÂÃÂóøõ SSI-ÃÂðùûÃÂ
(þñÃÂÃÂýþ àÃÂðÃÂÃÂøÃÂõýøõü .shtml). áøýÃÂðúÃÂøàøÃÂÿþûÃÂ÷þòðýøàÃÂûõôÃÂÃÂÃÂøù.

ÃÂðÃÂðüõÃÂàvirtual

ÃÂðôðõàòøÃÂÃÂÃÂðûÃÂýÃÂù ÿÃÂÃÂàú ôþúÃÂüõýÃÂàýð ÃÂõÃÂòõÃÂõ. áøýÃÂðúÃÂøàÃÂûõôÃÂÃÂÃÂøù.

ÃÂõöôàÿðÃÂðüõÃÂÃÂðüø file ø virtual
õÃÂÃÂàþÿÃÂõôõûõýýðàÃÂð÷ýøÃÂð. ÃÂÃÂûø òàÿÃÂøüõýÃÂõÃÂõ ÿÃÂÃÂàú ôþúÃÂüõýÃÂðü þÃÂýþÃÂøÃÂõûÃÂýþ
úþÃÂýàÃÂðùÃÂð (ÃÂðúþù ÿÃÂÃÂàÃÂðÃÂðúÃÂõÃÂø÷ÃÂõÃÂÃÂàÃÂûõÃÂõü òýðÃÂðûõ, ýðÿÃÂøüõà/file.html),
ÃÂþ ÃÂûõôÃÂõàøÃÂÿþûÃÂ÷þòðÃÂàÿðÃÂðüõÃÂàvirtual. ÃÂÃÂø ÃÂúð÷ðýøø
þÃÂýþÃÂøÃÂõûÃÂýþóþ ÿÃÂÃÂø, ÃÂûõôÃÂõàòþÃÂÿþûÃÂ÷þòðÃÂÃÂÃÂàÿðÃÂðüõÃÂÃÂþü file
(ÿÃÂøüõÃÂà3).

ÃÂÃÂøüõà3. ÃÂÃÂÃÂàú ÃÂðùûÃÂ

Какие существуют виды DOCTYPE?

Cуществует несколько видов DOCTYPE. Есть строгие виды (strict), которые работают на основе только определенных тегов, есть переходные (transitional), которые допускают возможность включения дополнительных тегов, есть такие, которые работают с фреймами (frameset).

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

 HTML 5
 HTML 4.01 Strict
 HTML 4.01 Transitional
 HTML 4.01 Frameset
 XHTML 1.0 Strict
 XHTML 1.0 Transitional
 XHTML 1.0 Frameset
 XHTML 1.1

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

Итак, поехали дальше…

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

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

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

Только представьте, сколько проблем раньше (почему раньше, объясню чуть ниже) несло верстальщику наличие нескольких видов DOCTYPE, между которыми приходилось постоянно выбирать, какой лучше использовать, и думать, не ошибся ли ты в своем выборе.

Преимущества использования DOCTYPE HTML5.

Хорошая новость состоит в том, что с выходом последней версии HTML5 (которая, кстати, все еще находится в процессе разработки, по некоторым данным окончательный стандартный вариант обещают предоставить в 2014 году) стало намного удобней выбирать DOCTYPE для своих сайтов.

Дело в том, что правила DOCTYPE HTML5 являются универсальными, включают в себя правила предыдущей версии, а также возможность работы с HTML 4 тегами и в какой-то степени с XHTML, и, насколько я понимаю, объединяют в себе возможности всех своих предшественников, адаптируя их для работы в новых браузерах.

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

Это все, что нужно написать, чтобы указать что это DOCTYPE HTML5. По сравнению с прежними своими собратьями, DOCTYPE HTML5 не основан на SGML (стандартном обобщённом языке разметки), поэтому там нет тех данных, которые указывались до этого, а следовательно — в нем присутствует только короткая команда. И дальше уже идет сам документ:

Здесь пишете название.Здесь содержится контент.

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

Что касается браузеров: как старые браузеры относятся к DOCTYPE HTML5? Не возникнут ли проблемы с этим?

По этому поводу хочу сказать, что:

Во-первых, мы должны равняться на прогресс и на будущее, а будущее — за новыми браузерами, и сейчас становится все-таки меньше и меньше людей, использующих старые браузеры.
А во-вторых, Doctype HTML5 так устроен, что даже браузеры, которые в принципе не были созданы для того, чтобы поддерживать его (IE (начиная с IE8), старые версии FireFox, Opera, Safari), увидев команду , сразу же переключают содержимое в стандартный режим.

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

Структура HTML-страницы

Н ¸Ã¶Ãµ ÿÃÂøòõôõýð òø÷ÃÂðûø÷ðÃÂøàÃÂÃÂÃÂÃÂúÃÂÃÂÃÂàHTML-ÃÂÃÂÃÂðýøÃÂÃÂ:

ÃÂñÃÂÃÂòûõýøõ doctype ýð ÃÂðüþù òõÃÂÃÂýõù ÃÂÃÂÃÂþÃÂúõ:..>
ÃÂþÃÂýõòþù ÃÂûõüõýàHTML-ÃÂÃÂÃÂðýøÃÂÃÂ:ÃÂþýÃÂõùýõàÃÂþôõÃÂöøàøýÃÂþÃÂüðÃÂøàôûàñÃÂðÃÂ÷õÃÂþò ø ÿþøÃÂúþòÃÂàÃÂøÃÂÃÂõü:ÃÂðóþûþòþú þúýð òõñ-ÃÂÃÂÃÂðýøÃÂÃÂ

ÃÂøôøüþõ ÃÂþôõÃÂöøüþõ ÃÂÃÂÃÂðýøÃÂÃÂ:

Значения любых атрибутов необходимо заключать в кавычки

Х

¾ÃÂàò HTML ÃÂðúöõ ÃÂÃÂõñÃÂõÃÂÃÂà÷ðúûÃÂÃÂðÃÂà÷ýðÃÂõýøàò úðòÃÂÃÂúø, ýþ øàþÃÂÃÂÃÂÃÂÃÂÃÂòøõ
ýøúðú ýõ òûøÃÂõàýð úþÃÂÃÂõúÃÂýþÃÂÃÂàúþôð. âðú ÃÂÃÂþ üþöýþ ÃÂúð÷ðÃÂÃÂ, ÃÂÃÂþ ò HTML ÿÃÂøüõýõýøõ
úðòÃÂÃÂõú ÃÂÃÂþ ûøÃÂàÃÂõúþüõýôðÃÂøÃÂ. àXHTML öõ øÃÂÿþûÃÂ÷þòðýøõ úðòÃÂÃÂõú òþ÷òõôõýþ ò ÿÃÂðòøûþ
ø ûÃÂñÃÂõ ÷ýðÃÂõýøàðÃÂÃÂøñÃÂÃÂþò ÃÂÃÂõñÃÂõÃÂÃÂàÃÂúð÷ÃÂòðÃÂàÃÂþûÃÂúþ ò ýøà(ÿÃÂøüõÃÂà3.3).

ÃÂÃÂøüõà3.3. ÃÂÃÂÿþûÃÂ÷þòðýøõ úðòÃÂÃÂõú

XHTML 1.0IECrOpSaFx

Тег Header и тег Head

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

Все мы знаем, что у страницы есть HEADER – это означает шапка сайта. Здесь может быть и форма поиска и логотип и так далее. Есть FOOTER (футер), в котором обычно располагается копирайт сайта. И есть колонтитулы. Может быть только левый, только правый, могут быть оба сразу. В них менюшки всякие и так далее. И тег , появившийся в версии HTML5, отвечает за верхнюю часть. Поэтому не путайте его с тегом .

Итак, давайте зайдем в нашу страничку HTML и пропишем там этот элемент .
Напоминаю, открываем файл index.html который находится в папке Site на рабочем столе которую мы создавали.
И строчкой выше элемента HTML, вводим элемент DOCTYPE.

5 ответов

25

Лучший ответ

На связанной странице:

# 2 — очень важная причина для его использования.

Вот еще информация:

Активация режимов браузера с помощью Doctype и Консорциум World Wide Web (они делают веб-стандарты)

Ответ дал

19 фев. 2012, в 05:51
Поделиться

13

A «Декларация типа документа» представляет собой концепцию SGML для сигнализации синтаксиса разметки и словаря для последующей надписи.

Хотя HTML5-совместимые документы в сериализации text/html должны иметь

Спецификация HTML5 описывает

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

Если можно сказать, что имеет какое-либо значение вообще, это означает, что он указывает, что документ был создан или последний рефакторирован примерно в 2007 году или позже. Опять же, обращение не обязательно применяется. Документ, не содержащий

Ответ дал

19 фев. 2012, в 13:21
Поделиться

2

Это означает, что ваша веб-страница будет отображаться в соответствии со стандартами html5, очевидно, если у вас есть что-то, что браузер не поддерживает, вам нужно использовать polyfill для этого.

Ответ дал

19 фев. 2012, в 06:25
Поделиться

⦁ Термин DOCTYPE указывает браузеру, какой тип HTML используется на веб-странице. В свою очередь, браузеры используют DOCTYPE для определения способа отображения страницы. Если вы не используете DOCTYPE или используете неправильный DOCTYPE, вы можете загрузить свою страницу в режиме Quirks. Пример:

Ответ дал

06 сен. 2015, в 08:11
Поделиться

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

Ниже приведен список объявлений объявлений Doctype:

Ответ дал

12 июнь 2015, в 10:58
Поделиться

Ещё вопросы

  • 351Что такое YTowOnt9?
  • 2534Как я могу узнать, какая радиокнопка выбрана с помощью jQuery?
  • 767Использование jQuery для центрирования DIV на экране
  • 470Выясните, установлен ли переключатель с помощью JQuery?
  • 296Авторазмер динамического текста для заполнения контейнера фиксированного размера
  • 247Как изменить порядок столбцов Bootstrap 3 на мобильном макете?
  • 145Bootstrap выбрасывает Uncaught Error: JavaScript Bootstrap требует jQuery
  • 100загрузочный поповер не показывается поверх всех элементов
  • 132Есть ли причина не начинать использовать тип документа HTML 5?
  • 135Прописные или строчные doctype?

Что дальше?

Как вы можете внести свой вклад в распространение стандартов в WEB? Перво-наперво, поместите в закладки данную страницу (либо просто сохраните ее на своем компьютере), а также проверьте, вставляет ли ваш WEB редактор в ваши страницы тег DOCTYPE, а если вставляет, — правильный ли вариант тега он использует?

Многие разработчики программного обеспечения просто скопировали неполные варианты тега DOCTYPE с сайта W3C в свои программы. И в результате: вы полагаетесь на программу, которая вставляет неправильный вариант тега, броузер впадает в «загадочный» режим, а вы безуспешно бьетесь над загадкой, почему ваши страницы не работают, как надо.

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

Вместо атрибута name необходимо указывать id

А

ÃÂøñÃÂàname þÿÃÂõôõûÃÂõÃÂÃÂàò HTML ôûàÃÂõóþò , , , ø ø
ÿÃÂõôýð÷ýðÃÂõý ôûàþñþ÷ýðÃÂõýøàÃÂûõüõýÃÂð àÃÂõûÃÂàÿþÃÂûõôÃÂÃÂÃÂõóþ ú ýõüàþñÃÂðÃÂõýøàø÷ ÃÂúÃÂøÿÃÂþò.
àXHTML ðÃÂÃÂøñÃÂàname ÃÂðÃÂÃÂøÃÂýþ òÃÂÃÂõû ø÷ ÃÂÿþÃÂÃÂõñûõýøÃÂ, ð òüõÃÂÃÂþ ýõóþ ÃÂûõôÃÂõàøÃÂÿþûÃÂ÷þòðÃÂÃÂ
id, úðú ÿþúð÷ðýþ ò ÿÃÂøüõÃÂõà3.11.

ÃÂÃÂøüõà3.11. ÃÂôõýÃÂøÃÂøúðÃÂþàÃÂøÃÂÃÂýúð

XHTML 1.0IECrOpSaFx

ãúð÷ðýýþõ ÿÃÂðòøûþ ýõ ÿÃÂøüõýÃÂõÃÂÃÂàú ÃÂûõüõýÃÂðü ÃÂþÃÂü, òÃÂþôõ , óôõ ñõ÷ ðÃÂÃÂøñÃÂÃÂð name òþþñÃÂõ ýõ þñþùÃÂøÃÂÃÂ.

Синтаксис¶

Атрибуты:

необязательный атрибут, который определяет, какой метод должен использоваться для вывода документа. Значением этого атрибута может быть любое имя, но при этом техническая рекомендация XSLT определяет только три стандартных метода вывода — «», «» и «». В том случае, если процессор поддерживает нестандартный метод вывода, его реализация полностью зависит от производителя. Если в преобразовании не определен элемент или в нем не указан атрибут , метод преобразования выбирается по умолчанию исходя из следующих условий.
необязательный атрибут, определяет версию языка выходящего документа;
необязательный атрибут, определяет, должен ли процессор добавлять пробельные символы для более наглядного форматирования документа;
необязательный атрибут, определяет, в какой кодировке должен быть выведен документ. Значение этого атрибута не зависит от регистра символов, то есть значения и будут эквивалентны. В атрибуте можно использовать только печатаемые символы , то есть символы интервала от до . Значением должно быть название набора символов, определенное в стандартах IANA (Internet Assigned Numbers Authority) или RFC2278. В противном случае, атрибут должен начинаться символами «»;
необязательный атрибут, определяет тип содержимого MIME выходящего документа;
необязательный атрибут, определяет системный идентификатор, который должен быть использован в декларации типа документа ();
необязательный атрибут, определяет публичный идентификатор, который должен быть использован в декларации типа документа ();
необязательный атрибут, определяет, нужно ли включать декларацию XML в выходящий документ или нет. Значением этого атрибута должно быть либо «» (пропустить декларацию), либо «» (включить декларацию в выходящий документ);
необязательный атрибут, определяет, должен ли процессор выводить указание на самостоятельность документа (standalone declaration). Значением этого атрибута может быть либо «» (выводить указание), либо «» (не выводить указание на самостоятельность);
необязательный атрибут, определяет список элементов, текстовое содержимое которых должно быть выведено с использованием секций .

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

Параметры

Элемент верхнего уровня — указывает элемент верхнего уровня в документе, для 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.

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