Який doctype вибрати, дизайн і розробка сайту

Який doctype вибрати, дизайн і розробка сайту

Доброго вам дня. 🙂

Таке питання можуть задати новачки у верстці. Це питання було особливо популярний раніше до поява нового HTML5. Але все ж актуальне іноді і зараз. Ті хто недавно почав займатися версткою, на зверстаних сторінках знаходять DOCTYPE і якщо це старі сторінки, то там все DOCTYPE можуть бути різні.

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

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

Сьогодні ж існує HTML5 і всі ці старі DOCTYPE вже пішли в минуле, тепер все набагато простіше. Вам потрібно просто писати один DOCTYPE.

Навіть якщо Ви не знаєте основних правил HTML5, всерівно використовуйте його. Багато новачків беруть скрипти, блоки, посилання з інших сайтів, де навчають верстці і вебдизайну і часто там якраз використовується HTML5. Якщо у Вас буде неправильний DOCTYPE, то можливо неправильне відображення деяких елементів. До того ж валідатори - програми для перевірки коду, неправильно перевірять сторінку на помилки, тому як будуть керуватися не тим типом документа.

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

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

На цьому все, спасибі за увагу. 🙂

Якщо Вам був корисним моя праця, можете підтримати сайт :)

Привіт дорогий друже

У тебе встановлено розширення AdBlock або подібне. Додай мій сайт в білий список, і тим самим внесеш свій внесок в його розвиток. Інструкція як відключити AdBlock Хочу й собі віконце

Схожі статті