Теги логического форматирования текста

Разобравшись с сутью и предназначением логической разметки текста настало время познакомить Вас с тегами которые способны разбавить сухой текст неким смыслом.

Буду перечислять..

Тег

Выделяет в тексте аббревиатуру. Браузерами обычно подчеркивается пунктирной линией.

CSS

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

CSS позволит Вам без труда изменить стиль любого тега логического форматирования текста!

Тег

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

Вступай в комсомол!!

Так же как и с аббревиатурой для расшифровки текста желательно использовать атрибут title.

Тег

Указывает автора документа и его адрес. Обычно отображается курсивом. Предназначен для поисковых систем для сбора информации об авторе его адресе и прочей информации владельца/цев сайта.

Вася Пупкин г. Урюпинск Макаронная фабрика 2010г.

Тег

Выделяет в тексте цитату или сноску на другой документ. Обычно браузеры отображают её курсивом.

Как сказал Остап Бендер Лед тронулся! господа присяжные заседатели!

Тег

Отмечает текст как некий программный код. Обычно отображается моноширинным шрифтом.

function() — так обозначается функция в PHP

Тег

Выделяет удалённый текст в новой версии документа. Выделенный текст станет перечёркнутым.

Напоминает теги физического форматированияи сокращённый- перечёркнутый текст.

Использование тега , более предпочтительно, так как помимо того, что он разбавляет текст логикой еще и заменяет собой тегии , которые помечены спецификацией 4.01 как нежелательные.

Старая цена 1000р. — Новая 999 р.!!!

Тег

Выделяет текст как определение. Как правило, когда в тексте встречается новый термин, авторы выделяют его курсивом и дают его определение, собственно для этого и нужен тег

Акроним — аббревиатура, образованная из начальных букв, слов или словосочетаний, произносимая как единое слово, а не побуквенно.

Тег

Выделяет новый текст в новой версии документа. Выделенный текст в большинстве браузеров станет подчёркнутым.

Противоположен по значению тегус ним же в паре обычно он и используется.

Старая цена 1000р. — Новая 999 р.!!!

Тег

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

Как создать сайт? — узнай на Вебремесло.ру!!

Тег

От английского keyboard — клавиатура. Указывает текст вводимый с клавиатуры, или для названия клавиш. Обычно отображается моноширинным шрифтом.

Нажмите Ctrl + Z для того чтобы отменить последнее действие.

Тег

Выделяет в тексте цитату. В отличие от тегацитата обозначенная тегомавтоматически берётся браузерами в кавычки.

Как сказал Остап Бендер Лед тронулся! господа присяжные заседатели!

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

Пример:

Цитаты

Эта цитата создана с помощью тега логического форматирования текста q: Лед тронулся! господа присяжные заседатели.. — браузеры автоматически берут такую цитату в кавычки. Кстати выходя за рамки темы, видом кавычек легко управлять с помощью CSS псевдокласса lang и его значения quotes — кавычки.

Эта цитата создана с помощью тега логического форматирования текста cite: Лед тронулся! господа присяжные заседатели.. Остап Бендер. 12 стульев. — обычно браузерами она отображается курсивом. Второе призвание такого вида цитаты это выполнение роли сноски на другой документ.

А эта цитата создана с помощью тега физического форматирования текста blockquote: Лед тронулся! господа присяжные заседатели.. — в основном тексте она выделяется отступами и переносами строк, как правило, такой цитатой помечают длинные куски текста взятые из других источников.

Такие вот различия..

Тег

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

В процессе решения задачи 2+2 программа выдаст ответ: 4

Тег

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

Как создать сайт? — узнай на Вебремесло.ру!!

Тег

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

Данная функция использует переменную $count

Ну вот собственно и все теги созданные для логической разметки текста. Примеры показывать не стану, думаю и так всё понятно, а вот несколько полезных советов по разметке текста в документе дам.

Полезные советы:

  • Стиль всех тегов как логического, так и физического форматирования текста, великолепно настраивается с помощью средств CSS! Мой Вам совет учите CSS: (http://www.webremeslo.ru/css/glava0.html), если до этого момента ещё незнакомы с ним. При использовании свойств CSS в работе с текстом Вы забудете про проблему кроссбраузерности т. е. Ваш текст будет отображаться во всех браузерах именно так как нужно Вам, а не так как вздумается браузеру. Кроме того СSS открывает куда более широкие возможности связанные как со стилем текста, так и с дизайном сайта в целом.
  • Старайтесь правильно размечать текст на страницах Вашего сайта.. а именно:

Для начала, разбейте весь Ваш текст на параграфы с помощью тега

— это облегчит чтение текста как для людей так и для программ, кроме того, позволит Вам в дальнейшем, легко управлять текстом с помощью CSS. Вообще старайтесь не оставлять голые слова и предложения, не взятые в какой либо тег форматирования текста.

Соблюдайте значимость заголовков-т. е. допустим заголовок страницы берите в тегподзаголовки в тегеще менее значимые подзаголовочки в теги т. д. В идеале на странице должен быть всего один заголовок , потом текст разбивается несколькимии далее по значимости заголовков.

Используйте теги логической разметки лишь там где они действительно необходимы т. е. не стоет например выделять аббревиатуру с помощью цитаты и наоборот.. на то она и логика что бы всё было логично!!

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

  • Когда выучите CSS забудьте и выкиньте из головы теги все его атрибуты!! Им уже давно никто не пользуется, ну за редким исключением конечно..

Случайные записи:

Выделение важных слов в HTML: логическое форматирование текста в HTML


Похожие статьи:

  • Логическая разметка текста

    Прежде чем рассказывать о новых тегах расскажу, о том, что следует подразумевать под фразой: логическая разметка документа. Под логической разметкой…

  • Логический анализ текстов

    Упражнение^ 3 приведенных текстах выделите тезис, аргументы, вид обоснова- я ния, укажите виды суждений, разберите их по составу. судебного шума,…

  • Оценка логических качеств текста

    Логический анализ текста основан на двух операциях: делении его на части и исследовании связей между этими частями, а также между смысловыми единицами…

Добавьте постоянную ссылку в закладки. Вы можете следить за комментариями через RSS-ленту этой статьи.
Комментарии и трекбеки сейчас закрыты.