В этой статье мы с Вами рассмотрим как на языке HTML оформить дословную выдержку из какого-либо текста, или одним словом "цитата", рассмотрим нюансы работаты с разнонаправленным текстом и Восточно-азиатскими символами.
В соответствии с действующим законодательством Российской Федерации допускается без согласия автора или иного правообладателя и без выплаты вознаграждения, но с обязательным указанием имени автора, произведение которого используется, и источника заимствования: цитирование в оригинале и в переводе в научных, полемических, критических или информационных целях правомерно обнародованных произведений в объеме, оправданном целью цитирования, включая воспроизведение отрывков из газетных и журнальных статей в форме обзоров печати.
Цитирование и цитата из высказывания какой-либо авторитетного человека, оформленная в виде прямой речи в информационном, публицистическом или аналитическом материале - это способ сделать текст объективным, серьезным и вызывающим больше доверия у читателя. Давайте рассмотрим как силами HTML оформляются короткие и длинные цитаты.
Короткие цитаты
HTML тег (HTML Quote Element
) используется для выделения коротких цитат
(строчная цитата). Как правило, все современные браузеры автоматически устанавливают открывающиеся и закрывающиеся кавычки в начале и в конце выделенного текста.
Перейдем к рассмотрению примера:
- фраза, которую, как считается, произнёс император Веспасиан.Деньги не пахнут
Атрибут cite cite =
"http://сайт/html/tag_q.php"
>
cite =
"tag_q.php"
>
.
Длинные цитаты
HTML тег
(HTML Block Quotation Element ) используется для определения в документе блочной цитаты (длинная цитата внутри документа). Текст внутри этого тега отображается как выровненный блок с отступами слева и справа (по умолчанию 40 пикселей).Пример использования элемента Здесь информация с сайта «Википедия»:
"https://ru.wikipedia.org/wiki/Pecunia_non_olet" > Деньги не пахнут - крылатое латинское выражение. Слова, приписываемые императору Веспасиану, якобы произнесенные им после получения денег от налога на общественные уборные Рима и обращённые к его сыну Титу, который выразил неудовольствие по этому поводу.По аналогии с тегом
атрибут cite тегауказывает URL адрес ресурса, из которого была заимствована цитата. Для пользователя этот атрибут не отображается (не видимо его применение). Он может использоваться поисковыми машинами и в статистических целях при работе скриптов на стороне сервера. Допускается указывать как абсолютные адреса (например:cite = "http://сайт/html/tag_blockquote.php" > ), так и относительные (например:cite = "tag_blockquote.php" > .Ниже приведён пример, как это отображается в браузере:
Рис. 23а Пример использования длинных цитат в HTML.
HTML название произведения
HTML тег (HTML Citation Element ) предназначен для выделения названия произведений. Он должен включать название работы или ссылку на творчество (URL-адрес). По умолчанию, браузеры отображают элементы курсивом .
Пример использования:
Пример использования элемента «Горе от ума» - комедия в стихах А. С. Грибоедова. Первый показ 1825 г. В браузере это выглядит следующим образом:
Направление вывода текста
Тег (HTML bidirectional override element ) используется для переопределения текущего направления текста (устанавливает направление вывода текста и преимущественно предназначен для использования с языками, где чтение происходит справа налево, например - арабский язык).
Тег применяется с атрибутом dir и значениями ltr (left-to-right), или rtl (right-to-left), задающими направление текста слева направо, либо справа налево.
Пример использования тега dir = "ltr" > Направление текста слева направо.
Направление текста справа налево.
Результат примера:
В HTML 5 тег изолирует фрагмент текста, который должен отображаться в другом направлении письма и позволяет браузерам корректно обрабатывать двунаправленный текст. Этот элемент полезно использовать при отображении текста с разной направленностью письма.
Например:
Пример использования тега Победители европейского забега:
Участник № 1 ماقسيم 99 баллов – 1 место
Участник № 2 دميتري 97 баллов – 2 место
Участник № 3 John Connor 96 баллов – 3 место
Результат нашего примера:
Рис. 25 Пример использования разнонаправленных языков.
Обращаю Ваше внимание, что браузеры Internet Explorer и Edge не поддерживают тег .
Нюансы восточно-азиатских символов.
В HTML присутствуют элементы ,
Слепое следование рекомендациям приносит пользу примерно с той же вероятностью, с какой блондинка может встретиться с динозавром – 50/50, то ли встретит, то ли нет. Чтобы не повстречать динозавра, нужно включать мозг даже тогда, когда, казалось бы, все расписано по пунктам. Профессионал тем и отличается от ламера, что на слова « это сказано в инструкции » отвечает вопросом « а почему именно так? ».
Например, использовать вместо нужно вовсе не потому что « Яндекс так больше любит ». Тег в семантике разметки означает именно bold – жирное начертание шрифта. А вот – это смысловой акцент, тег сообщает роботу, что автор хотел подчеркнуть что-то важное.
Или такие простые теги:
И
.
- Заключение фрагмента текста в теги образует логическую единицу текста – абзац (paragraph). В тексте конец параграфа выглядит как обрыв строки (нажатие на Enter) – следующий параграф начинается с новой строки.
- Тег
– это конкретный символ «обрыв строки», он переносит следующий символ на новую строку. Но он никак не влияет на логическую структуру.А со стороны результат действия обоих тегов может выглядеть одинаково . Опытный сеошник понимает, к чему все это – ключевые слова внутри одного параграфа рассматриваются вместе, а разделение между двумя параграфами нарушает связь между ними.
Очень наглядно разницу между тегами можно увидеть в любимом Ворде:
И кстати, этим можно пользоваться. Чтобы завершить абзац, вы нажимаете Enter. Чтобы оборвать строку, надо нажать Shift+Enter.
Об одном заклинании … простите, про один интересный тег пойдет речь в этой статье.
Этот тег позволяет вставлять заимствованный текст с указанием источника. Таким образом вы можете использовать чужие слова без последствий для оценки уникальности и добавлять тексту авторитетности.
Семантическое ядро определяет не характеристику, а смысловое значение текста. Подбирая ключевые слова, важно думать не только о релевантности, но и о технической возможности поисковой системы отнести текст к той или иной группе документов по его смысловому значению.
Семантика – это не только единицы языка в лингвистике, но и значения конструкций в программировании. Это гораздо важнее с точки зрения SEO, ведь поисковые системы – это программы, работающие в полном соответствии с реализованными алгоритмами.
Например: семантика HTML-документа определяется значением и иерархией его элементов. Так, тег определяет область данных HTML-документа, состоящую из описания (тег
) и содержания (тег ) документа. Уберите тег , и семантика документа будет нарушена.Ссылочное ранжирование до сих пор играет немаловажную роль в продвижении сайта, но его значение лежит именно в плоскости цитирования, непонимание которого и привело к санкциям со стороны поисковых систем.
Индекс цитирования (или ИЦ) - принятая в научном мире мера «значимости » трудов какого-либо учёного. Величина индекса определяется количеством ссылок на этот труд (или фамилию) в других источниках.
Есть и другие варианты определения смыслового значения (семантики) цитаты, где могут фигурировать теги
Подведём итоги
- Копирайтерам и сеошникам важно не только слепо следовать советам для веб-мастеров, но и понимать суть предлагаемых решений, определённых спецификациями.
- Семантика – это не только единицы языка в лингвистике, но и значения конструкций в программировании, что гораздо важнее в разрезе продвижения сайтов в поисковых системах, которые являются программами.
- Ссылочное ранжирование крепко завязано на смысловом значении цитирования.
- Новинкой HTML5 является расширение семантической составляющей HTML-документа вообще и тега
в частности - используйте генератор правильного HTML-кода цитат.Было изменено определение элементов
и . В статье рассказывается, что это значит для разработчиков.Изменения в определении
Элемент
представляет контент, являющийся цитатой из другого источника, возможно , включающим упоминание этого источника, которое должно быть размещено внутри элементов