X
  • Дизайн та розробка сайту
  • Дизайн і створення сайтів. Розробка тем для WordPress. Створення Landing Page.
  • office@gnatkovsky.com.ua
  • @vgnat
  • Написати мені
Замовити послугу

Какой DOCTYPE выбрать

Приклад
  • 2024-12-08
  • 4192 переглядів

  • Дизайн та розробка сайту

Доброго времени суток. 🙂

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

DOCTYPE

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

DOCTYPE (Document Type Definition) - служит для того, чтобы задать тип документа и задать браузеру правило, согласно каким стандартам отображать страницу. Раньше были разные DOCTYPE, в зависимости от стандарта страницы - HTML и XHTML. Чаще всего можно было встретить 2 DOCTYPE, которые и до сих пор встречаются. Они относятся еще к версии HTML 4.01 и были переходным вариантом.

Для HTML4.01:

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

Для XHTML1.0:

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

Сегодня же существует HTML5 и все эти старые DOCTYPE уже ушли в прошлое, теперь все намного проще. Вам нужно просто писать один DOCTYPE.

<!DOCTYPE html>

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

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

<!DOCTYPE html>
<html lang="ru-RU">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

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

На этом все, спасибо за внимание. 🙂

Якщо Вам була корисна моя праця, можете фінансово підтримати сайт або відключити блокувальник реклами, що займе 2 хвилини :)

Хочу підтримати фінансово Хочу відключити блокувальник

Оцініть статтю
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Проголосовало: 14, в среднем: 4.7 из 5
Читайте також

Deprecated: Функція WP_Query викликана з аргументом, який вважається застарілим з версії 3.1.0! Вираз caller_get_posts застарілий. Використовуйте ignore_sticky_posts. in /var/www/vhosts/gnatkovsky.com.ua/gnatkovsky.com.ua/public/wp-includes/functions.php on line 6078