Чому важливий doctype і як його правильно використовувати

Розробники XHTML 1.1 припускають, що він поступово витіснить HTML. Ніякого поділу на види це визначення не має, синтаксис один і підпорядковується чітким правилам.

HTML 4.01 DTDs

HTML 4.01 Strict - Чи не дозволяє презентаційної (оформительской) розмітки, аргументуючи тим, що етоім повинен займатися CSS.

Transitional DTD дозволяє деякі застарілі атрибути і елементи

Якщо використовуються фрейми - повинен бути використаний frameset doctype

XHTML 1.0 DTDs

XHTML Strict DTD найсуворіший існуючий DTD: застарілі (див нижче) теги не підтримуються, і код повинен бути написаний правильно

XHTML Transitional DTD такий же як XHTML Strict DTD, але старі теги дозволені. Це НАЙБІЛЬШ ПОПУЛЯРНИЙ зараз DTD.

XHTML Frameset DTD єдиний XHTML DTD який підтримує фрейми.

XHTML 1.1 DTD

Це новий DTD, який має строгість як у XHTML 1.0 Strict, і заснований на фреймворку і модулях описаних в Modularization of XHTML (не став шукати що це таке.

Статистика використання різних DTD

Виходить що Понад 50% сайтів працюють в режимі quirk mode - тобто в режимі IE4!

Застарілі теги в алфавітному порядку

використовуйте тег.

використовуйте CSS.

використовуйте 
 або CSS.


замініть тегом
     або CSS.
    

    використовуйте або .
    

     використовуйте  або.
    

     використовуйте <pre> і CSS стиль.</p>
<h3>Застарілі HTML / XHTML атрибути тегів. Всі вони можуть бути замінені CSS стилями.</h3>
<h3>Різниця між HTML і XHTML (вказані правила для XHTML)</h3>
<p>Теги повинні бути написані в нижньому регістрі, замість <IMG SRC=»resource/frankisboat.gif» WIDTH=»389″ HEIGHT=»227″ BORDER=»0″ ALT=»boat»>, як це було в HTML, потрібно писати: <div style="text-align:center;"><Img src = "resource / frankisboat.gif» width = »389" height = "227" border = "0" alt = "boat» ></div></p>
<p>Всі теги повинні закриватися, або з використанням тега зі слешем в парі, як параграф ( <p></p> ) Наприклад, або самозакриваються теги, як наприклад ( <br > ).</p>
<p>Всі теги повинні бути правильно вкладені одна в одну, без перекриттів</p>
<p>Чи не повинні використовуватися застарілі теги</p>
<p>Всі атрибути повинні бути набрані в нижньому регістрі</p>
<p>Всі значення атрибутів повинні бути укладені в одинарні або подвійні лапки</p>
<p>Всі атрибути повинні використовуватися в довгій формі, а не в короткій: disabled = "disabled» в XHTML проти DISABLED в HTML</p>
<p>Структура повинна бути відділена від контента. наприклад тег <p> - це частина контенту (параграф) і ви не можете помістити в нього наприклад таблицю, тому що таблиця це частина структури (форматування).</p>
<h3>Сумісність і IE8</h3>
<p>IE8 має чотири режими: IE 5.5 режим сумісності, IE 7 стандартний режим, IE в 8 стандартному режимі і IE 8 в режимі сумісності.</p>
<p>Вибір способу залежить від даних з різних джерел: DOCTYPE, meta елементів, заголовків HTTP, періодично завантажуються даних від Microsoft (!), Интрасети, налаштувань, зроблених користувачем, налаштувань зроблених адміністратором, наявності сайту в блекліст microsoft та інше!</p>
<h3>Джерела інформації</h3></div>
<div class="extra">

<div class="clear"></div>
</div>
</article>
</div>
</div>
</div>
</div>
<div id="sidebar" class="col-1-3">
<div class="wrap-col">
<div class="box">
<div class="content">
<ul>
<li><a href="/articles/u-vsogo-e-serce-i-sercem-koranu-e-sura-jasin.html">У всього є серце, і серцем корану є сура Ясін</a></li>
<li><a href="/articles/sindrom-shijnogo-rebra-i-reberno-kljuchichnij.html">Синдром шийного ребра і реберно-ключичний синдром</a></li>
<li><a href="/articles/pro-shho-govorit-plach-ditini-kraina-mam.html">Про що говорить плач дитини країна мам</a></li>
<li><a href="/articles/ochishhennja-zhovchnogo-mihura-v-domashnih-umovah.html">Очищення жовчного міхура в домашніх умовах</a></li>
<li><a href="/articles/pro-virobnika-elitech.html">Про виробника elitech</a></li>
<li><a href="/articles/priklad-prostogo-fastcgi-servera-i-fastcgi.html">Приклад простого fastcgi-сервера і fastcgi-кліентаperl, assembler, сі - блог програміста, perl,</a></li>
<li><a href="/articles/facebook-onovljue-interfejs.html">Facebook оновлює інтерфейс</a></li>
<li><a href="/articles/bananove-pjure-dlja-grudnichka.html">Бананове пюре для грудничка</a></li>
<li><a href="/articles/stali-vidomi-pikantni-fakti-pro-veselomu-minulogo.html">Стали відомі пікантні факти про - веселому - Минулого нареченої николая Саркісова, журнал cosmopolitan</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="wrap-footer pominodiko">
<div class="row">
<div class="col-1-1">
<div class="wrap-col">
<div class="box">

<div class="content">
<ul>
<li><a href="/articles/chi-mozhe-vijskovosluzhbovec-rozirvati-kontrakt-v.html">Чи може військовослужбовець розірвати контракт в період випробувального терміну</a></li>
<li><a href="/articles/ovochi-na-paru-kabachki-morkva-kartoplja-ditjachi.html">Овочі на пару кабачки, морква, картопля, дитячі рецепти, страви</a></li>
<li><a href="/articles/stvorennja-tablic-v-avtokad.html">Створення таблиць в Автокад</a></li>
<li><a href="/articles/7-konfuz-poedinku-koropiv-kasparov-1984-goda.html">7 конфуз поєдинку коропів-Каспаров 1984 года, російська сімка</a></li>
<li><a href="/articles/karamelizovani-polunicja-pid-sousom-muslim.html">Карамелізовані полуниця під соусом Муслім</a></li>
<li><a href="/articles/diskrecijna-fiskalna-politika.html">Дискреційна фіскальна політика</a></li>
<li><a href="/articles/jak-remontuvati-pidvisnu-stelju-svoimi-rukami-foto.html">Як ремонтувати підвісну стелю своїми руками фото і відео уроки</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>

</div>
<div class="copyright">
<p>Copyright © 2026</p>

<ul>
<li><a href="/articles/apelsinovij-dzhem.html">апельсиновий джем</a></li>
<li><a href="/articles/shho-take-stjazhka-pidlogi-z-keramzitom-i-jak-ii.html">Що таке стяжка підлоги з керамзитом, і як її виготовити</a></li>
<li><a href="/articles/zamina-lancjuga-na-nissan-x-trail-qr20.html">Заміна ланцюга на nissan x-trail qr20</a></li>
<li><a href="/articles/diodi-led-ce.html">Діоди LED - це</a></li>
<li><a href="/articles/rosijska-kultura-virshi-i-prozaukaini.html">Російська культура - вірші і прозаУкаіни</a></li>
</ul>
</div>
</footer></div>
</body>
</html>