StepkinBlog.ru
Пока я творю, я живу!
Блог посвящен: HTML, CSS, PHP, Wordpress, Bootstrap
28.04.2016
22:48
6221
2
Тег DOCTYPE в HTML
Всем привет!
Приветствую вас на моем блоге SteplinBLOG.RU.
Бывали у меня не раз такие случаи, когда сделаю сайт, и, казалось бы, все отображается правильно, красиво, ну прям как по фен-шую 
, а открываю другой браузер, и вся верстка слетает, сайт отображается не так, как мне хотелось. Странно, почему? Все же верно прописывал, все теги стандартные и без ошибки.
И тут я понял, в чем проблема. Тот тег, который я всю свою жизнь игнорировал, оказался очень важным для правильного отображения сайта во всех браузерах.
В этой статье я расскажу об этом важном теге, который поможет сообщить браузеру, какую именно версию (X)HTML вы используете в своей странице.
Итак, чтобы браузер понимал вас, в каком стандарте нужно отображать веб-страницу, в первой строке всего HTML документа ставится тег <!DOCTYPE>.
Существуют несколько видов <!DOCTYPE> и нужно ставить такой, который соответствует версии языка (см. табл. 1).
| 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 1.1 предполагают, что он постепенно вытеснит HTML. Никакого деления на виды это определение не имеет, синтаксис один и подчиняется четким правилам. |
*Закрывающий тег не требуется.
Пример для HTML 4.01:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>тег !DOCTYPE</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p>текст</p> </body> </html>
Пример для HTML5:
<!DOCTYPE html> <html> <head> <title> тег !DOCTYPE</title> <meta charset="utf-8"> </head> <body> <p>текст</p> </body> </html>
(См.таблица 1) - Где таблица 1 ?
Ответить
5 февраля, 2018 at 22:57
А Вы внимательно посмотрите, она сразу под тестом (См.таблица 1)
Ответить