В данной статье речь пойдет об устаревших HTML тегах (Deprecated HTML).
Устаревший HTML тег – это тег, который не поддерживается или не будет поддерживаться в следующей версии спецификации HTML. Это означает, что в какой то момент эти теги перестанут работать в более современных браузерах.
Согласно пункта A.1.2 Спецификации HTML 4, следующие элементы являются устаревшими: APPLET, BASEFONT, CENTER, DIR, FONT, ISINDEX, MENU, S, STRIKE, и U.
В параграфе А.2 этого же документа сказано:
Почти все атрибуты, определяющие представление (оформление) HTML документа (например, цвета, выравнивание, шрифты, графику и т.д.) являются устаревшими в пользу таблиц стилей.
Давайте заглянем в редактор сообщений Blogger.
Большинство кнопок, отвечающих за оформление контента, при их нажатии используют устаревшие HTML теги. Однако теги <b>, <i> важны для SEO. По этому, заменять эти теги стилями CSS или нет, решайте сами.
Спецификация HTML 4 нам настоятельно рекомендует вместо Deprecated HTML использовать CSS.
Предлагаем вам использовать следующие стили вместо отдельных HTML тегов.
Тег <b> используется для того, что бы часть выделенного текста стала жирной. Предлагаем вам использовать font-weight свойство CSS:
/*Замена b */
.bold { font-weight: bold; }На практике используется следующим образом. В созданном сообщении переключаетесь в HTML режим и выделяете нужный фрагмент текста тегами <span class=”bold”>тут форматируемый текст</span>.
Тоже самое касается и тега <i>, который превращает выделенный текст в курсив. Используйте вместо этого тега такое свойство CSS:
/*Замена i */
.italic { font-style: italic; }Пример использования:
<span class="italic">тут форматируемый текст</span>.Тег <strike> превращает выделенный фрагмент текста в зачеркнутый. Предлагаем такой вариант замены этого тега свойством CSS:
/*Замена strike */
.strike { text-decoration: line-through; }За подчеркивание текста отвечает тег <u>. Как вы помните, в Спецификации прямо указано, что он устаревший. Предлагаем такой вариант замены:
/*Замена u */
.under { text-decoration: underline; }Тег <quote>, <blockquote> - цитата, тоже можно заменить набором свойств определенных стилей:
/*Замена цитаты */
.indentall{background: url("http://3.bp.blogspot.com/-zU2KWH2M2Jo/TzFjeAO3ngI/AAAAAAAAB3w/OCsHmPffluQ/s1600/bt4u-blockquote.png") no-repeat scroll left top transparent;
color: #999999;
display: block;
font-style: italic;
margin: 20px;
padding: 0 30px;}Отредактируйте этот набор свойств таким образом, что бы оформление цитаты соответствовало дизайну вашего блога.
Пример использования:
<p class="indentall">Текст вашей цитаты</p>Для выравнивания контента по левую сторону, по центру или по правую сторону используйте следующие правила:
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
Необходимые вам правила CSS нужно добавить в код шаблона перед закрывающим тегом
]]></b:skin>