Логическое форматирование Печать
(5 голоса, среднее 3.80 из 5)
Создание статического сайта - Основы HTML.
12.01.2011 00:00

Физическое и логическое форматирование.

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

Как ни крути, но для того чтобы зарабатывать на своём сайте необходимо эффективно оптимизировать текст. Следовательно, выбор за логическим форматированием. А пока давайте рассмотрим некоторые элементы физического форматирования.

Физическое форматирование. Тег <b>, тег <i>, тег <u>.

Тег <b> отображает выделенный фрагмент текста в полужирном начертании.

Тег <i> отображает выделенный фрагмент текста в виде курсива.

Тег <u> отображает выделенный фрагмент текста с подчёркиванием.

Допустимо использовать эти теги совместно, но только не забывайте о правилах вложенности.

Например: <b> <i> <u> Правила вложенности </u> </i> </b>.

Логическое форматирование. Тег <strong>, тег <em>.

Тег <strong> применяется для выделения значимых фрагментов текста и подчёркивает его важность. Если не производилось перенастройки стилей, в браузерах отображается полужирным начертанием (аналогично тегу <b>).

Тег <em> также используется для выделения важных моментов при форматировании текста. В начертании аналогичен тегу физического форматирования <i> - курсив.

Примеры использования тегов <b>, <i>, <u>, <strong> и <em>.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ru">
<head>
<meta content="text/html; charset=windows-1251" http-equiv="content-type">
<title>Физическое и логическое форматирование</title>
</head>
<body>
<p>Обычный текст<br>
<b>Физическое форматирование - полужирное начертание</b><br>
<i>Физическое форматирование - курсив</i><br>
<u>Физическое форматирование - подчёркивание</u><br>
<strong>Логическое форматирование - важный фрагмент выделен полужирным начертанием</strong><br>
<em>Логическое форматирование - важный фрагмент выделен курсивом</em>
</body>
</html>

Теги b u i strong em

 

Ещё теги логического форматирования.

Тег <abbr>.

Тег <abbr> применяется для описания аббревиатур. В атрибуте title можно указать расшифровку.

Например.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=WINDOWS-1251">
<title>Тег ABBR</title>
</head>
<body>
<abbr title="Hyper text Markup Language - язык разметки гипертекста">HTML</abbr>
</body>
</html>

Тег abbr

Тег <acronym>.

Тег <acronym> применяется для выделения сокращений, которые произносятся как единое слово. Например. ЦУМ или ВУЗ. Также имеет атрибут title.

Тег <cite>, Тег <q>.

В тег <cite> и тег <q> помещайте текст, который Вы хотите процитировать, чтобы поисковый робот не уличил Вас в плагиате. При использовании тега <q> кавычки проставляются автоматически.

Пример использования тега <cite> и тега<q> с переопределённым стилем.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=WINDOWS-1251">
<title>Тег Q</title>
<style type="text/css">
Q {
font-family: Times, serif; /* Шрифт с засечками */
font-style: italic; /* Курсивное начертание текста */
color: green; /* Цвет текста */
}
</style>
</head>
<body>
<p>Михаил Булгаков: <cite>"Это был ни с чем по прелести не сравнимый запах только что отпечатанных денег".</cite>
<p>Михаил Булгаков: <q>Никогда и ничего не просите, никогда и ничего, особенно у тех, кто сильнее Вас, сами все предложат и сами все дадут</q>.</p>
</body>
</html>

Тег q

Тег <code>.

Тег <code> применяется для отображения программного кода.

Тег <dfn>.

Тег <dfn> используется, если в тексте встречается определение, т.е. Вы описываете какое-то понятие впервые.

Тег <kbd>.

Тег <kbd> следует использовать, если Вы хотите предложить пользователю ввести какую-то информацию, нажать клавишу или комбинацию клавиш.

Тег <samp>.

Тег <samp> используют для вывода результата работы программы.

На этом теги логического форматирования не заканчиваются, но мы рассмотрели, как я считаю, самые необходимые, которые следует применять для эффективной оптимизации текстов на страницах Ваших Интернет-ресурсов.

 

Обновлено 07.02.2011 23:50