Shtml что это: Ssi (программирование) — Википедия – Shtml — это… Что такое Shtml?

Shtml — это… Что такое Shtml?

SSI (Server Side Includes — включения на стороне сервера) — несложный язык для динамической «сборки» веб-страниц на сервере из отдельных составных частей и выдачи клиенту полученного веб-сервере Apache при помощи модуля mod_include. Включённая в настройках по умолчанию веб-сервера возможность позволяет подключать HTML-файлы, поэтому для использования инструкций файл должен оканчиваться расширением .shtml, .stm или .shtm

Синтаксис SSI позволяет включать в текст страницы другие SSI-страницы, вызывать внешние

Отдельные элементы синтаксиса SSI используются и в других скриптовых языках, например в ASP.

Основные команды SSI

• config — устанавливает формат сообщений об ошибках, дат и размера
• set — устанавливает значение переменной
• printenv — выводит список переменных окружения
• echo — вставляет значение переменной
• flastmod — вставляет дату и время изменения файла
• fsize — вставляет размер файла
• include — вставляет содержимое другого файла
• if, elif, else, endif — условные операторы

Описание

config — контролирует различные аспекты сканирования. Его атрибутами могут быть:

• errmsg — устанавливает сообщение, выводящееся при возникновении ошибки; в большинстве случаев целесообразно установить в пустую строку;
• sizefmt — устанавливает формат, в котором будет выводиться размер файла. Формат соответствует передаваемому библиотечной функции strftime;
• timefmt — устанавливает формат, в котором будет выводиться дата.

Переменные для sizefmt:

<!--#config sizefmt="abbrev"--> Выводит размер файла в килобайтах: (17k)

<!--#config sizefmt="bytes"--> Выводит размер файла в байтах (17,076)

Переменные для timefmt:

Обратите внимание на то, что команды #config sizefmt и #config timefmt влияют на все связанные с ними SSI-команды от того места, откуда они были вызваны и до самого конца страницы. Поэтому каждый вызов команд #flastmod и #fsize лучше снабжать своей командой #config.

set — устанавливает значение переменной. Ее атрибутами являются var, определяющий имя переменной, и value, определяющий ее значение.

• Подстановка переменных

Подстановка переменных производится внутри заключенных в кавычки строк в большинстве аргументов SSI директив. В этих случаях знак доллара можно вставить, предварив его слешом:

<!--#if expr="$a = \$test" -->

Для предотвращения двусмысленности можно заключать имя переменной в фигурные скобки:

<!--#set var="Zed" value="${a}bc_${abc}" --> 

В результате такого присвоения переменная Zed будет иметь значение «Xbc_Y», если переменная a равна X, а переменная abc равна Y.

printenv — Выводит список так называемых «переменных окружения» («environment variables») с их значениями. Вызывается без параметров. В их числе переменные:

• DOCUMENT_ROOT (название основной папки для вебстраниц на сервере, обычно ваша папка public_html и путь к ней)
• HTTP_USER_AGENT (название браузера, которым пользуется посетитель)
• REMOTE_ADDR (IP-адрес посетителя)
• REMOTE_HOST (адрес посетителя в нормальной форме — например, adsl53.peterlink.ru)
  
• SERVER_ADDR (IP-адрес вашего сайта)
  
• SERVER_NAME и HTTP_HOST (адрес сервера, типа userguide.webservis.ru),
  
• DOCUMENT_URI, REQUEST_URI и SCRIPT_NAME (запрошенная вами страница, типа /examples/mysqlexample.shtml.),
  
• DOCUMENT_NAME (имя файла (без каталогов) документа, запрошенного пользователем),
  
• SCRIPT_FILENAME (полный путь к вебстранице на сервере. Например /home/home-webservis/public_html/ и так далее),
  
• SERVER_SOFTWARE (название сервера, например, Apache/1.3.2 (Unix))
  
• SERVER_ADMIN (почтовый адрес владельца сервера, указанный при установке),
  
• DATE_LOCAL (сегодняшниее время и дата в вашем часовом поясе(для сервера)),
  
• DATE_GMT (текущее время по Гринвичу),
  
• LAST_MODIFIED (дата последней модификации документа, запрошенного пользователем. То есть во вложенном SSI эта переменная будет содержать имя «главного» документа, а не вложенного).
  

echo — выводит значение установленной переменной SSI. Допустимые атрибуты:

flastmod — выводит дату последней модификации файла в определенном с помощью timefmt формате. Атрибуты аналогичны атрибутам fsize.

fsize — выводит размер файла в определенном с помощью sizefmt формате. Допустимые атрибуты:

• file — определяет путь к файлу, относительно сканируемого документа;
• virtual — определяет стандартный кодированный URL, относительно сканируемого документа, или, при наличии в начале слеша (/) — относительно корня документов узла.

include — включает текст другого документа или файла в сканируемый файл. К включаемому файлу применяются все установленные правила ограничения доступа. Если для каталога, из которого включается файл, установлена опция IncludesNOEXEC, и включение данного документа привело бы к запуску программы, то документ не включается, и выводится сообщение об ошибке. CGI сценарии вызываются, как обычно с помощью URL, который может содержать кодированную строку запроса (query string). Положение файла указывается с помощью атрибутов:

• file — указывает путь, относительно сканируемого документа; путь не может содержать ../ и не может быть абсолютным путем; всегда предпочтительнее использовать атрибут virtual;
• virtual — содержит кодированный URL, относительный или абсолютный; URL не может содержать имя протокола или имя хоста, и может содержать строку запроса.

Условные операторы

Базовыми элементами контроля являются:

<!--#if expr="test_condition" -->
<!--#elif expr="test_condition" -->
<!--#else -->
<!--#endif -->

Элементы elif и else являются необязательными.

Элемент endif заканчивает элемент if и является обязательным.

test_condition может быть одним из следующих:

• string — истинно, если string не пуста;
  
• string1 = string2
  
  
• string1 != string2
  
• string1 < string2
  
• string1 <= string2
  
• string1 > string2
  
• string1 >= string2
  
• всё вышеперечисленное истинно, если выполняется условие сравнения;
  
• string1 ~ string2 — истинно, если string1 содержит в себе string2;
  
• string1 =~ /string2/ — истинно, если string1 содержит в себе string2, а string2 — регулярное выражение Unix (см. ниже).
  

Если string2 имеет форму /string/, то тогда она интерпретируется, как регулятное выражение. Их синтаксис аналогичен синтаксису регулярных выражений в Unix команде egrep;(см. Регулярные выражения)
(test_condition) — истинно, если test_condition истинно;
! test_condition — истинно, если test_condition ложно;
test_condition1 && test_condition2 — истинно, если как test_condition1, так и test_condition2 истинны;

Все, что не распознается, как переменная, считается строкой. Если строка имеет пробелы или символы табуляции, то ее надо заключать в кавычки.
О чём стоит помнить, так это о том, что лучше не использовать SSI-команды при создании страниц в редакторах типа Front Page — они их обычно не понимают и выкидывают, и о том, что одну SSI-команду нельзя вызвать из другой (как нельзя вызвать SSI-команду из скрипта, и скрипт из скрипта).

Примеры

Задание сообщения обработчика ошибок

<!--#config errmsg="[При открытии страницы произошла ошибка. Пожалуйста, сообщите об этом владельцу сайта.]" -->

Задание формата вывода даты и времени

<!--#config timefmt="%d/%m/%y" -->           Выведет:  03/07/06
<!--#config timefmt="%d/%m/%Y, %H:%M:%S" --> Выведет:  03/07/2006, 20:16:33

Задание переменных

http://<!--#echo var="HTTP_HOST"--><!--#echo var="DOCUMENT_URI"--> 

Выведет: 
http://ru.wikipedia.org/w/index.php?title=SSI&action=edit§ion=5

Вставка даты модификации файла

<!--#flastmod file="file.html" -->

Вставка содержимого файла

<!--#include file="footer.html" -->
<!--#include virtual="header.asp" -->
<!--#include virtual="/right.links.txt" --> 

Проверка условия

<!--#if expr="test_condition" -->
<!--#elif expr="test_condition" -->
<!--#else -->
<!--#endif --> 

Wikimedia Foundation. 2010.

SSI | htmlbook.ru

Большинство страниц на сайте, несмотря на их разное содержание, имеет одинаковую структуру кода. Например, верхняя и нижняя часть документа практически не меняется от страницы к странице. В таком случае рекомендуется разделить шаблон страницы на несколько файлов, которые подключаются по мере необходимости. Однако традиционный HTML не позволяет делать подобные кунштюки, поэтому помочь здесь могут серверные языки вроде PHP, Python, Ruby и др. Но для большинства начинающих веб-разработчиков эти названия звучат как неведомые заклинания, они ещё не готовы заниматься веб-программированием. В таком случае, как альтернатива, подойдёт SSI.

SSI (Server-Side Includes, включения на стороне сервера) позволяет добавлять контент во множество страниц, причём незаметно для пользователя. Это значит, что при запросе документа браузеру передаётся уже готовый, полностью сформированный код. Особенностью SSI является то, что это технология работает только под управлением веб-сервера и представляет собой набор команд вставляемых в HTML-файл.

Чтобы веб-сервер отличал рядовые HTML-файлы от SSI-файлов, им дают расширение .shtml. Конечно, можно указать, чтобы делалась проверка всех файлов на поиск специальных директив, но в таком случае возрастёт нагрузка на веб-сервер и несколько увеличится время загрузки файлов.

Вначале надо распорядиться, чтоб веб-сервер обрабатывал файлы с расширением .shtml. Для Apache создаём в корне сайта файл .htaccess и в нём пишем следующую строку.

AddHandler server-parsed .shtml

Причём расширение .shtml является стандартным, так что всё должно работать и без этой команды.

Теперь проверяем, как это действует. Делаем два файла — index.shtml будет содержать директиву SSI, а внутри content.html хранится заголовок сайта. Содержание этих файлов представлено в примерах 1 и 2.

Пример 1. Файл index.shtml

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>SSI</title>
 </head>
 <body>
  <!--#include file="content.html"-->
</body>
</html>

Пример 2. Файл content.html

<h2>Работает!</h2>

В примере 1 содержимое файла content.html встраивается в файл index.shtml в том месте, где стоит команда <!—#include file=»content.html»—>. Обратите внимание, что файл content.html не содержит никаких тегов вроде <html> и <body>, иначе они также будут добавлены в исходный документ. По сути, это обычный текстовый документ, в котором имеются HTML-теги.

Если посмотреть итоговый код документа, то мы увидим следующее (пример 3).

Пример 3. Код, полученный в результате использования SSI

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>SSI</title>
 </head>
 <body>
  <h2>Работает!</h2>
 </body>
</html>

Если всё сделано правильно, то после запуска файла index.shtml, вы увидите надпись «Работает!». В том случае, когда написано нечто другое или вообще ничего нет, возможны два варианта.

1. Отображается надпись [an error occurred while processing this directive]. Это означает, что SSI работает, но в коде содержится ошибка. Например, добавлены лишние пробелы или указанного файла нет.
2. Ничего не отображается. Следует посмотреть исходный код документа, если в нем видна строка <!—#include file=»content.html»—>, значит веб-сервер не поддерживает SSI или оно не распространяется на расширение .shtml. Также вполне возможно, что файл запускается не под сервером, посмотрите, есть ли в адресной строке браузера http://.

Все упомянутые комплекты веб-серверов поддерживают SSI на исходном уровне, так что если страница как в примере 3 не отображается, необходимо проверить, что веб-сервер запущен и документ открывается в браузере под его управлением. Так, для домена test.lc открывать надо адрес http://test.lc, а не file:///W:/html/test.lc/www/index.shtml.

Возможности SSI не ограничены добавлением содержимого другого файла. С помощью SSI можно запускать серверные приложения, использовать переменные окружения, указывать размер файла, дату модификации документа и многое другое.

Включение кода на стороне сервера. Server-Side Includes

У Вас в браузере заблокирован JavaScript. Разрешите JavaScript для работы сайта!

Использование SSI в построении сайта или что такое .shtml и чем этот формат лучше .html

Структура странички выглядит приблизительно вот так:
Родитель news.shtml

<!--#set var="SERVER_ADMIN" value="новый@адрес.ua"-->

<!--#if expr="$QUERY_STRING=/ssi/" -->
<!--#include virtual="path/varssi.shtml" -->
<!--#elifexpr="$QUERY_STRING=/new/" -->
<!--#include virtual="path/varnew.shtml" -->
<!--#else -->
<!--#include virtual="path/var.shtml" -->
<!--#endif -->
...
<!--#config errmsg="[ERROR $NamePage]" -->
<!--#set var="WWW" value="http://$HTTP_HOST/" -->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Некоторые сразу возмутятся что мой FrontPage перегенерирует (создаст заново) все странички с моими изменениями. Да но после этого вам нужно закачать все странички на сервер, а если их 200, а закачав Вы поняли что не все дописали или что не так, и что все сначала. А здесь одну страничку поменяли и для все одинаково.
Теперь другие возмутятся, что не бывает так что у всех страничках одинаковые метатэги должны быть. Да я соглашусь, что некоторые странички должны иметь другие метатеги. Как это решить? – Например:
Содержимое форума не надо кэшировать:

<!--#ifexpr="$DOCUMENT_NAME=/forum/" -->
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<!--#else -->
<META HTTP-EQUIV="Cache-Control" CONTENT="Public">
<!--#endif -->

<!--#ifexpr="$HTTP_USER_AGENT=/MSIE/ || $HTTP_USER_AGENT=/Microsoft/" -->
<link rel="stylesheet" type="text/css" href="kmsi.css">
<!--#elifexpr="$HTTP_USER_AGENT=/Opera/" -->
<link rel="stylesheet" type="text/css" href="kmso.css">
<!--#elifexpr="$HTTP_USER_AGENT=/Mozilla/" -->
<link rel="stylesheet" type="text/css" href="kmsn.css">
<!--#else -->
<STYLE type=text/css>
P { FONT-FAMILY: tahoma, verdana, arial, helvetica; FONT-SIZE: 12px}
TD {FONT-FAMILY: verdana, arial, helvetica; FONT-SIZE: 12px}
A {TEXT-DECORATION: none;color: "black"}
A:hover {TEXT-DECORATION: none; COLOR: #800040;}
INPUT {font-family: Tahoma; color:black; font-size=13px;}
</STYLE>
<!--#endif -->

<!--#if expr="$DOCUMENT_NAME!=/forum/" -->
<SCRIPT language=JavaScript src="../js/win_open.js"></SCRIPT>
<!--#endif -->

<FONT color="#<!--#echo var="COLORtitrA" -->"
	style="font-size: 22px;text-align: center;">
<!--#echo var="NamePage" -->
</FONT>

<!--#include virtual="path/baners.shtml" -->

<!--#include virtual="../cgi-bin/ranban.cgi" -->

<!--#config timefmt="%H"-->
<!--#if expr="DATE_LOCAL>9" -->
<script language="JavaScript" src="http://www.baners.com/ban.cgi"> </script>
<!--#else -->
<!--#include virtual="/cgi-bin/ranban.cgi" -->
<!--#endif -->

<table border="1" cellspacing="0" cellpadding="0" align="center">
  <TR><TD>
<!--#include virtual="path/left.shtml" -->
  </TD>
  <TD>
<!--#include virtual="path/start.shtml" -->
  </TD>
  <TD>
<!--#include virtual="path/right.shtml" -->
  </TD></TR>
 </table>

<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr><td color="<!--#echo var="COLORfonA" -->">
<a href="<!--#echo var="WWW" -->/news.shtml">
<FONT color="<!--#echo var="COLORtitrB" -->">news
</FONT></a></td></tr>
</table>

<!--#include virtual="left_baner.shtml" -->

<!--#ifexpr="$QUERY_STRING=/new/" -->
<!--#include virtual="path/news.cgi?$QUERY_STRING&
	COLORfonA=$COLORfonA&COLORtitrA=$COLORtitrA" -->
<!--#elifexpr="$QUERY_STRING=/old/" -->
<!--#include virtual="path/old_news.cgi?$QUERY_STRING" -->
<!--#else -->
<!--#include virtual="path/zaglavie_news.cgi?$QUERY_STRING" -->
<!--#endif -->

<!--#ifexpr="$HTTP_COOKIE=/Administrator/" -->
<!--#include virtual="path/admin.cgi?$QUERY_STRING&
	COLORfonA=$COLORfonA&COLORtitrA=$COLORtitrA" -->
<!--#endif -->

<!--#include virtual="stat.cgi?file=$DOCUMENT_NAME&
	name=$NamePage&$QUERY_STRING"-->

Не забывайте в дочерних файлах дописывать SSI-команду:

<!--#config errmsg="[ERROR $NamePage]"-->

А то надпись «[an error occurred while processing this directive]» очень уж некрасива.

Как открыть файл SHTML? Расширение файла .SHTML

Что такое файл SHTML?

Полное имя формата файлов, которые используют расширение SHTML: Server Side Include HTML Format. Формат файла SHTML совместим с программным обеспечением, которое может быть установлено на системной платформе Mac OS, Windows. SHTML формат файла, наряду с #NUMEXTENSIONS # другими форматами файлов, относится к категории Интернет-файлы. Самая популярная программа для обработки SHTML файлов — Adobe Dreamweaver, но пользователи могут выбирать из 12 различных программ, которые поддерживают этот формат файлов. Программное обеспечение Adobe Dreamweaver было разработано Adobe Systems Incorporated, и на его официальном веб-сайте вы можете найти дополнительную информацию о файлах SHTML или программном обеспечении Adobe Dreamweaver.

Программы, которые поддерживают SHTML расширение файла

Ниже вы найдете указатель программ, которые можно использовать для открытия файлов SHTML, разделенных на категории 2 в соответствии с поддерживаемой системной платформой. Файлы с расширением SHTML, как и любые другие форматы файлов, можно найти в любой операционной системе. Указанные файлы могут быть переданы на другие устройства, будь то мобильные или стационарные, но не все системы могут быть способны правильно обрабатывать такие файлы.

Как открыть файл SHTML?

Проблемы с доступом к SHTML могут быть вызваны разными причинами. С другой стороны, наиболее часто встречающиеся проблемы, связанные с файлами Server Side Include HTML Format, не являются сложными. В большинстве случаев они могут быть решены быстро и эффективно без помощи специалиста. Мы подготовили список, который поможет вам решить ваши проблемы с файлами SHTML.

Шаг 1. Установите Adobe Dreamweaver программное обеспечение

Основная и наиболее частая причина, препятствующая открытию пользователями файлов SHTML, заключается в том, что в системе пользователя не установлена программа, которая может обрабатывать файлы SHTML. Эта проблема может быть решена путем загрузки и установки # РЕКОМЕНДОВАННОЙ # или другой совместимой программы, такой как Text editor, Web browser, PSPad. Полный список программ, сгруппированных по операционным системам, можно найти выше. Самый безопасный способ загрузки Adobe Dreamweaver установлен — для этого зайдите на сайт разработчика (Adobe Systems Incorporated) и загрузите программное обеспечение, используя предоставленные ссылки.

Шаг 2. Убедитесь, что у вас установлена последняя версия Adobe Dreamweaver

Если у вас уже установлен Adobe Dreamweaver в ваших системах и файлы SHTML по-прежнему не открываются должным образом, проверьте, установлена ли у вас последняя версия программного обеспечения. Иногда разработчики программного обеспечения вводят новые форматы вместо уже поддерживаемых вместе с новыми версиями своих приложений. Это может быть одной из причин, по которой SHTML файлы не совместимы с Adobe Dreamweaver. Последняя версия Adobe Dreamweaver должна поддерживать все форматы файлов, которые совместимы со старыми версиями программного обеспечения.

Шаг 3. Настройте приложение по умолчанию для открытия SHTML файлов на Adobe Dreamweaver

Если проблема не была решена на предыдущем шаге, вам следует связать SHTML файлы с последней версией Adobe Dreamweaver, установленной на вашем устройстве. Следующий шаг не должен создавать проблем. Процедура проста и в значительной степени не зависит от системы

Выбор приложения первого выбора в Windows

• Щелкните правой кнопкой мыши на файле SHTML и выберите «Открыть с помощью опцией».
• Далее выберите опцию Выбрать другое приложение а затем с помощью Еще приложения откройте список доступных приложений.
• Чтобы завершить процесс, выберите Найти другое приложение на этом… и с помощью проводника выберите папку Adobe Dreamweaver. Подтвердите, Всегда использовать это приложение для открытия SHTML файлы и нажав кнопку OK .

Выбор приложения первого выбора в Mac OS

• Нажав правую кнопку мыши на выбранном файле SHTML, откройте меню файла и выберите Информация.
• Перейдите к разделу Открыть с помощью . Если он закрыт, щелкните заголовок, чтобы получить доступ к доступным параметрам.
• Выберите из списка соответствующую программу и подтвердите, нажав « Изменить для всех» .
• Должно появиться окно с сообщением, что это изменение будет применено ко всем файлам с расширением SHTML. Нажимая Вперед, вы подтверждаете свой выбор.

Шаг 4. Проверьте SHTML на наличие ошибок

Если проблема по-прежнему возникает после выполнения шагов 1-3, проверьте, является ли файл SHTML действительным. Проблемы с открытием файла могут возникнуть по разным причинам.

1. Убедитесь, что SHTML не заражен компьютерным вирусом

Если SHTML действительно заражен, возможно, вредоносное ПО блокирует его открытие. Немедленно просканируйте файл с помощью антивирусного инструмента или просмотрите всю систему, чтобы убедиться, что вся система безопасна. SHTML файл инфицирован вредоносным ПО? Следуйте инструкциям антивирусного программного обеспечения.

2. Убедитесь, что файл с расширением SHTML завершен и не содержит ошибок

Если вы получили проблемный файл SHTML от третьего лица, попросите его предоставить вам еще одну копию. Возможно, что файл не был должным образом скопирован в хранилище данных и является неполным и поэтому не может быть открыт. Это может произойти, если процесс загрузки файла с расширением SHTML был прерван и данные файла повреждены. Загрузите файл снова из того же источника.

3. Убедитесь, что у вас есть соответствующие права доступа

Иногда для доступа к файлам пользователю необходимы права администратора. Переключитесь на учетную запись с необходимыми привилегиями и попробуйте снова открыть файл Server Side Include HTML Format.

4. Убедитесь, что ваше устройство соответствует требованиям для возможности открытия Adobe Dreamweaver

Если система перегружена, она может не справиться с программой, которую вы используете для открытия файлов с расширением SHTML. В этом случае закройте другие приложения.

5. Проверьте, есть ли у вас последние обновления операционной системы и драйверов

Последние версии программ и драйверов могут помочь вам решить проблемы с файлами Server Side Include HTML Format и обеспечить безопасность вашего устройства и операционной системы. Возможно, файлы SHTML работают правильно с обновленным программным обеспечением, которое устраняет некоторые системные ошибки.

Почему важен DOCTYPE и как его правильно использовать / Habr

Почему так важен DOCTYPE

Вроде бы вы сделали все правильно, но ваш сайт почему-то не выглядит или не работает, как ожидалось, в последних версиях броузеров.
Вы написали правильный стандартный XHTML код и стандартный CSS. Вы воспользовались стандартной спецификацией для работы с DOM (Document Object Model), чтобы управлять динамическими элементами на странице. И все-таки, в броузерах, которые казалось бы сделаны с соблюдением именно этих стандартов, ваш сайт не работает. Скорей всего, ошибка кроется в неправильном заголовке DOCTYPE.
Эта небольшая статья расскажет вам о заголовках DOCTYPE, которые работают, а также объяснит практическое и теоретическое значение этого, казалось бы отвлеченного от реальности, тега.

Что такое DOCTYPE?

Проблема

Решение

• позволить веб-разработчикам, которые знали о стандартах, выбирать какой режим использовать.
• продолжать показывать старые страницы по старым (совместимым) правилам. (quirks mode)

Иными словами, всем браузерам необходимо было работать в двух режимах: режим совместимости для старых правил, и строгого режима для стандарта.
IE Mac был первым браузером использовавшим оба режима, а Windows IE 6, Mozilla, Safari, Opera и последовали его примеру.
IE 5 Windows, а также старые браузеры, как Netscape 4, постоянно заблокированы в режиме совместимости.

Решение о выборе, какой режим отображения требуется вызвать, было найдено в использовании «DOCTYPE» переключения. Согласно стандартам, любой (X) HTML документ должен иметь DOCTYPE который рассказывает всему миру, какой тип (X) HTML документа он использует.

Допустимые DTD

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

Получается что Более 50% сайтов работают в режиме quirk mode — то есть в режиме IE4!

Устаревшие тэги и аттрибуты

Устаревшие тэги в алфавитном порядке

• <applet> Используйте тег<object>.
• <basefont> используйте CSS.
• <blockquote>используйте CSS.
• <center>используйте CSS.
• <dir>используйте <ul>.
• <em>используйте CSS.
• <font>используйте CSS.
• <isindex>
• <listing> используйте <pre> или CSS.
• <menu>замените тегом<ul> или CSS.
• <nextid>
• <plaintext> используйте <pre> или <a href=’view-source:http://somesite.com’>Source code</a>.
• <s>используйте<del> или <ins>.
• <strike> используйте <del> или<ins>.
• <u>используйте CSS.
• <xmp> используйте <pre> и CSS стиль.

Устаревшие HTML / XHTML аттрибуты тегов. Все они могут быть заменены CSS стилями.

• align
• alink
• background
• bgcolor
• color
• hspace
• link
• size
• text
• type
• vlink
• vspace

Разница между HTML и XHTML (указаны правила для XHTML)

• Тэги должны быть написаны в нижнем регистре, вместо  <IMG SRC=»resource/frankisboat.gif» BORDER=»0″ ALT=»boat»>,  как это было в HTML, нужно писать: <img src=»resource/frankisboat.gif» border=»0″ alt=»boat» />
• Все теги должны закрываться, или с использованием тэга со слешем в паре, как параграф ( <p></p> ) например, или самозакрывающиеся тэги, как например ( <br /> ).
• Все теги должны быть правильно вложены друг в друга, без перекрытий
• Не должны использоваться устаревшие теги
• Все аттрибуты должны быть набраны в нижем регистре
• Все значение аттрибутов должны быть заключены в одинарные или двойные кавычки
• Все аттрибуты должны использоваться в длинной форме, а не в короткой: disabled=»disabled» в XHTML против  DISABLED в HTML
• Структура должна быть отделена от контента. Например тег <p>  —  это часть контента (параграф) и вы не можете поместить в него например таблицу, потому что таблица это часть структуры (форматирования).

Совместимость и IE8

Схема (черт ногу сломит) определения  в каком режиме работать браузеру IE8

Источники информации

 
upd: немного подправил ошибки