Html – это обычный структурированный контент, а за визуальное форматирование этого контента целиком отвечает css

Коротко о стандартах

Эта глава предназначена для тех, кто знаком с языком HTML, но не подозревает о существовании вполне определенных стандартов и о философии, стоящей за принципами разделения содержимого и представления.

Разделение содержимого и представления

HTML никогда не предназначался для визуального представления, однако пользовательские агенты вводили элементы, форматировавшие текст, а разработчики находили способы манипулирования макетом веб-страницы. С появлением технологии CSS отпала всякая необходимость использовать HTML в дизайнерских целях, содержимое (HTML) теперь может быть полностью отделено от визуального представления (CSS).
У этого подхода масса преимуществ – значительно уменьшается размер файла, повышается гибкость, так как одна центральная таблица стилей может применяться ко всему сайту, а не к каждой отдельной странице, у веб-страниц более широкая доступность.
Такая философия, прежде всего, подразумевает, что в коде HTML не должно быть ничего, определяющего стиль документа. Теги вроде  и атрибуты вроде bgcolor должны быть исключены. Даже атрибут border в теге вставки изображения по стандартам XHTML 1.1 считается неприемлемым. Это вовсе не проблема, - нет такого стиля, который можно было бы сделать средствами HTML, и который нельзя было бы сделать, и сделать лучше, средствами CSS.
Речь идет не только о том, чтобы увести визуальное представление из сферы ответственности HTML, "приложение содержимого" означает, что все теги HTML должны использоваться для тех целей, для которых они и предназначались. Например, теги

,

 и т.п. должны использоваться для создания заголовков, не следует одними только средствами CSS увеличивать размер шрифтов.
Здесь хорошим ориентиром может стать следующее: если браузер, с его стилями по умолчанию, отображает документ без встроенных таблиц стилей корректно, то все сделано правильно.
Нельзя использовать таблицы для разметки веб-страниц – таблицы предназначены только для отображения табличных данных. Это самое трудное условие для уже опытного HTML разработчика, так как полностью меняет традиционный способ создания структуры документа. Бестабличная компоновка страниц значительным образом уменьшает размер веб-страниц, и благодаря тому, что код получается линейным, он становится более доступен для различных устройств и систем чтения с экрана.

Теги

В XHTML все теги следует писать в нижнем регистре, и все они должны быть закрыты. Те теги, у которых нет парного закрывающего тега (таких как тег
 и тег ), должны закрывать сами себя при помощи символа "/", размещенного в конце тега (например, 
). Обратите внимание, что перед символом слеша должен быть пробел.
Разметка должна быть хорошо сформированной, и все элементы должны быть вложены на соответствующих уровнях (например, так, но не так).
Во всех документах должны присутствовать элементы , ,