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

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

DOCTYPE

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

Такой вопрос могут задать новички в верстке. Этот вопрос был особо популярен раньше до появление нового 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, который очень прост и подойдет любой странице.

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

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

Back to top