Загрузка

RUS | ANG | |

StepkinBlog.ru

Пока я творю, я живу!
Блог посвящен: HTML, CSS, PHP, Wordpress, Bootstrap

Главная » HTML дополнение » Тег DOCTYPE в HTML

28.04.2016


22:48


2102


2


Тег DOCTYPE в HTML

Тег DOCTYPE в HTML

Всем привет!
Приветствую вас на моем блоге SteplinBLOG.RU.
Бывали у меня не раз такие случаи, когда сделаю сайт, и, казалось бы, все отображается правильно, красиво, ну прям как по фен-шую :mrgreen:, а открываю другой браузер, и вся верстка слетает, сайт отображается не так, как мне хотелось. Странно, почему? Все же верно прописывал, все теги стандартные и без ошибки.
И тут я понял, в чем проблема. Тот тег, который я всю свою жизнь игнорировал, оказался очень важным для правильного отображения сайта во всех браузерах.
В этой статье я расскажу об этом важном теге, который поможет сообщить браузеру, какую именно версию (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. Переменные в php. Основы PHP с нуля. Урок №5
  2. Тег DOCTYPE в HTML
  3. Коды цветов в HTML. Основы HTML для начинающих. Урок №11
  4. Как проверить HTML форму. Основы HTML для начинающих. Урок №19
  5. Основы CMS WordPress. Урок №1

Последние записи рубрики:

  1. Как сделать фоновую музыку на сайте – HTML и HTML5
  2. Атрибут download в HTML5 (для скачивания файлов)
  3. Комментировать код в HTML. Что это и зачем нужно…

2 ответа(ов) на статью: “Тег DOCTYPE в HTML”

  1. Sveta says:

    (См.таблица 1) - Где таблица 1 ?

    Ответить

    Степка
    Степка ответил(а) на комментарий:

    А Вы внимательно посмотрите, она сразу под тестом (См.таблица 1)

    Ответить

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

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

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

Подпишись на обновления моего блога через e-m@il:

@

Реклама на блоге:

Мои цели на
2017 год:

Довести количество статей до 150

Доделать этот блог

Закончить тему «Основы CSS»

Закончить тему «Основы PHP»

Начать тему «Основы JavaScript»

Добиться посещаемости 500 чел/сутки

Статистика:

Записей: 104
Страниц: 3
Рубрик: 9
Меток: 11
Комментариев: 231

Уведомление для пользователей AdBlock

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

Как отключить AdBlock?