Поиск

Статьи » Веб-МастерамЛогические теги HTML форматирования

Написал: Alex V, 11 ноября 2011 | Мнений 0 | Просмотров: 2178
Рейтинг: 
Логические теги HTML форматированияВ языке разметки HTML существует особая группа тегов, которые отвечают за логическое форматирование документа. К сожалению, при изучении HTML большинство новичков благополучно оставляют эту группу в стороне, а многие даже и не подозревают об ее существовании. Более того, даже те веб-мастера, которые прекрасно осведомлены об этих тегах, чаще всего не используют их на своих сайтах. А ведь некоторые из них могут действительно оказаться очень полезными, особенно с точки зрения поисковой оптимизации.

Чтобы лучше понять, для чего нужно логическое форматирование, сделаем небольшое отступление. Каждый из нас знает такие теги, как b , i , u . Они выделяют заключенный в себя текст, соответственно, полужирным, курсивным начертанием и подчеркиванием. Они называются тегами физического форматирования. Цель их применения – показать браузеру, что выделенный ими текст должен выглядеть именно так, а не иначе. Это ключевой момент – они определяют только то, как текст будет выглядеть в браузере, и ничего другого. Это физическое форматирование.

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

Впрочем, это не значит, что они никак его и не изменяют. Браузеры сами вольны применять к разным логическим элементам те элементы физического форматирования, какие они сами захотят. Может показаться, что это порождает хаос, потому что каждый браузер будет отображать их по-своему. Но на самом деле все обстоит гораздо лучше: один и тот же логический элемент обычно абсолютно одинаково выглядит во всех браузерах. Например, содержимое тега strong всегда отображается полужирным начертанием, как если бы это был тег b . Но использование strong все-таки предпочтительнее, так как выделенный им текст больше «ценится» поисковыми системами. Вообще, именно облегчение работы поисковиков и расширение их возможностей было одной из основных целей введения логического форматирования. Предполагалось, что если текст имеет четкую логическую структуру, это в перспективе дает огромные преимущества, которые сложно переоценить.

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

Вот полный список тегов логического форматирования:

abbr

Аббревиатура. Может иметь параметр title, который содержит ее расшифровку. Например:

<abbr title=”Structured Query Language”>SQL</abbr> - наиболее популярный язык запросов к базам данных


acronym

Почти то же самое, что и аббревиатура. Обозначает те аббревиатуры, которые уже настолько прижились, что используются в качестве самостоятельных слов. Также имеет параметр title, выполняющий уже знакомую нам задачу. Например:

<acronym title=”Disk Operating System”>DOS</acronym> - операционная система с интерфейсом командной строки


cite

Обозначает цитаты в тексте. Обычно отображается курсивом.

code

Отмечает небольшой фрагмент программного кода. В отличие от тега pre, который является тегом физического форматирования, не сохраняет несколько идущих подряд пробелов и переносы строки. Обычно отображается моноширинным шрифтом. Например:

В PHP можно вывести значение переменной таким способом: <code>echo $var;</code>


del

Отмечает текст как удаленный. По действию напоминает тег физического форматирования s, так как обычно браузеры выводят отмеченный фрагмент перечеркнутым. Однако использование del, конечно же, более предпочтительно.

dfn

Когда в тексте первый раз встречается новый неизвестный термин, его стоит выделить этим тегом и дать определение. Собственно, dfn как раз и обозначает «определение». Обычно форматируется курсивным начертанием. Например:

<dfn>Браузер</dfn> - программа для просмотра веб-страниц


ins

Отмечает текст, как вставленный в новой версии документа. В идеале должен следовать сразу после del. По действию напоминает тег u, то есть обычно выводит отмеченный текст подчеркнутым.

em

Выделяет особенно важный фрагмент текста. Обычно отображается курсивом. Использование данного тега предпочтительнее, чем тега i.

kbd

Обозначает текст, который набирается пользователем на клавиатуре. Обычно выводится моноширинным шрифтом. Например:

Для запуска утилиты редактирования реестра наберите: <kbd>regedit</kbd>


q

Используется для отметки цитат. В отличие от тега физического форматирования blockquote, отмеченный текст не отделяется от остального переносами строк.

samp

Обозначает текст, который выводится в результате работы какой-либо программы. Обычно отображается моноширинным шрифтом. Например:

В процессе выполнения программа напечатает следующее: <samp>Значение переменной $a равно 10</samp>


strong

Используется для выделения важного фрагмента текста. Браузеры обычно форматируют фрагмент полужирным начертанием. Предпочтительнее для использования, чем тег b.

var

Отмечает текст, как переменную какой-либо компьютерной программы. Обычно отображается курсивом. Например:

Данная функция в своей работе использует локальную переменную <var>$count</var>


Вот, в общем-то, и все. Как видишь, их не так уж и много. Конечно, нет смысла пытаться их все запомнить. Лучше постоянно и обдуманно внедряй их в своих HTML-документах, и с практикой они сами осядут у тебя в голове. И тогда, возможно, правильных логически сконструированных сайтов на просторах Интернета станет немного больше...

Советуем обратить внимание на похожие новости

Как сделать, чтобы Rambler находил мои документы?
Автоматически роботы Rambler сканируют сайты, находящиеся в следующих доменах первого уровня: Российская Федерация: .ru, .su Украина: .ua Белоруссия: .by Казахстан: .kz Киргизия: .kg Узбекистан: .uz Грузия: .ge и игнорируют сайты из других доменов...

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

Оптимизация - великая сила. HTML-код наизнанку
Для начала, отмечу, что данная статья не претендует на постулат, всего лишь высказывается мнение автора. Поводом для написания статьи послужила тема с блога уважаемого мной коммерсанта Вадима Ласто (http://lasto.com/blog/post_1124455508.html), в которой он просил помочь с рокировкой строк таблицы ... Читать


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

Добавить комментарий

Ваше Имя:
Ваш E-Mail:
Код:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Введите код:

Френдзона


Видео материалы



Как сортировать много email информации?!...
Наверное каждому человеку который работает в сети интернет, приходит достаточно много лишн...

4 модели высокоприбыльного онлайн-бизнеса...
Меня постоянно одолевают вопросами: \"Какую модель онлайн-бизнеса мне стоит выбрать? Может...

Как избавиться от каши в голове / Урок 4...
Видеоурок # 4. Синхронизация Google календаря с программой SunbirdВ четвертом уроке мы с ...

Как избавиться от каши в голове / Урок 3...
Видеоурок # 3. Доступ к календарю с мобильникаВ третьем уроке мы с вами узнаем как можно ...

Как избавиться от каши в голове / Урок 2...
Видеоурок # 2. Работа с Google календаремКак понятно из названия, во втором видео мы с вам...

Как избавиться от каши в голове / Урок 1...
Видеоурок # 1. Простой рецепт \"свежей\" головыВ первом видеоуроке мы с вами познакомимся....

Конкуренция в интернет-бизнесе: достойная...
Видео-подкаст о том, почему волнение о конкуренции это полный идиотизм....

Формула Толстокожести Или Как Себя Вести,...
Успех в интернет-бизнесе имеет побочный эффект. Он может кому-то не понравится… Вы мо...

ВИДЕО: Секреты e-mail маркетинга прямиком...
Факт! Если бы моя мама вела свой интернет-бизнес, в e-mail копирайтинге она бы переплюнула...


Информация

Нам часто пишут и задают один и тот же вопрос, "Работа в сети это реально?" или "С чего начать свой заработок в сети?"... Уважаемые! Для этого и был создан этот сайт, пожалуйста пользуйтесь поиском и читайте заметки и статьи. Советую начать с раздела "Работа в интернете", там находиться больше +250 статей и больше +500 способов заработка в интернете. С какого начать? Где больше денег? Это уже решать Вам! Работайте там - где Вам интересно работать и тогда у Вас все получиться. А если, что-то не понятно комменируйте статьи и мы ответим на ваши вопросы! Удачного начала!


Это интересно


Новое


Опрос

Какой Формат Книг Для Вас Лучше?

Exe формат
Pdf формат
И тот и тот
Оффлайн


Топ комментов

Alex V
Работа и труд, все перетрут!
ICQ: 206983285
комментариев: 83

Mhz-Serge
Жизнь - это хорошо сделанное 3D
ICQ: 318057
комментариев: 29

rombel
Все будет хорошо
ICQ: 393549222
комментариев: 13

Alem

ICQ: 444688221
комментариев: 5

Yury_md

ICQ:
комментариев: 4