Устаревшие HTML теги в редакторе Blogger

Опубликовано:
Blogger – одна из динамически развивающихся блог-платформ. Однако разработчики не всегда успевают внедрять решения, которые бы соответствовали новым стандартам.

В данной статье речь пойдет об устаревших HTML  тегах (Deprecated HTML).

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

 Согласно пункта A.1.2 Спецификации HTML 4, следующие элементы являются устаревшими: APPLET, BASEFONT, CENTER, DIR, FONT, ISINDEX, MENU, S, STRIKE, и U.

В параграфе А.2 этого же документа сказано:

Почти все атрибуты, определяющие представление (оформление) HTML документа (например, цвета, выравнивание, шрифты, графику и т.д.) являются устаревшими в пользу таблиц стилей.

Давайте заглянем в редактор сообщений Blogger.

Устаревшие 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>

Ярлыки:
| Издатель: +BlogopoiskRu |