В этой статье мы с Вами рассмотрим как на языке HTML оформить дословную выдержку из какого-либо текста, или одним словом "цитата", рассмотрим нюансы работаты с разнонаправленным текстом и Восточно-азиатскими символами.
В соответствии с действующим законодательством Российской Федерации допускается без согласия автора или иного правообладателя и без выплаты вознаграждения, но с обязательным указанием имени автора, произведение которого используется, и источника заимствования: цитирование в оригинале и в переводе в научных, полемических, критических или информационных целях правомерно обнародованных произведений в объеме, оправданном целью цитирования, включая воспроизведение отрывков из газетных и журнальных статей в форме обзоров печати.
Цитирование и цитата из высказывания какой-либо авторитетного человека, оформленная в виде прямой речи в информационном, публицистическом или аналитическом материале - это способ сделать текст объективным, серьезным и вызывающим больше доверия у читателя. Давайте рассмотрим как силами HTML оформляются короткие и длинные цитаты.
Короткие цитаты
HTML тег (HTML Quote Element
) используется для выделения коротких цитат
(строчная цитата). Как правило, все современные браузеры автоматически устанавливают открывающиеся и закрывающиеся кавычки в начале и в конце выделенного текста.
Перейдем к рассмотрению примера:
</span> <q><span>
Деньги не пахнут
- фраза, которую, как считается, произнёс император Веспасиан.
(HTML Block Quotation Element
) используется для определения в документе блочной цитаты (длинная цитата внутри документа). Текст внутри этого тега отображается как выровненный блок с отступами слева и справа (по умолчанию 40 пикселей).
</span>Пример использования элемента <blockquote><span>
Здесь информация с сайта «Википедия»:
"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-адрес). По умолчанию, браузеры отображают элементы курсивом
.
Пример использования:
Пример использования элемента <cite><span><title>
</head>
<body>
<cite>
</span> «Горе от ума» </cite>
- комедия в стихах А. С. Грибоедова. Первый показ 1825 г.
</body>
</html>
<p>В браузере это выглядит следующим образом:</p>
<h2>Направление вывода текста</h2>
<p>Тег <bdo> (<i>HTML bidirectional override element
</i>) используется для переопределения текущего направления текста (устанавливает направление вывода текста и преимущественно предназначен для использования с языками, где чтение происходит справа налево, например - арабский язык).</p>
<p>Тег <bdo> применяется с атрибутом dir
и значениями ltr
(left-to-right), или rtl
(right-to-left), задающими направление текста слева направо, либо справа налево.</p>
<span><!DOCTYPE html>
<html>
<head>
<title>
</span>Пример использования тега <bdo><span>
dir =
"ltr"
>
Направление текста слева направо.
Направление текста справа налево.
Результат примера:
В HTML 5 тег изолирует фрагмент текста, который должен отображаться в другом направлении письма и позволяет браузерам корректно обрабатывать двунаправленный текст. Этот элемент полезно использовать при отображении текста с разной направленностью письма.
Например:
</span>Пример использования тега <bdi><span>
Победители европейского забега:
Участник № 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-документа, состоящую из описания (тег
) и содержания (тег ) документа. Уберите тег , и семантика документа будет нарушена.
Ссылочное ранжирование до сих пор играет немаловажную роль в продвижении сайта, но его значение лежит именно в плоскости цитирования, непонимание которого и привело к санкциям со стороны поисковых систем.
Индекс цитирования
(или ИЦ) - принятая в научном мире мера «значимости
» трудов какого-либо учёного. Величина индекса определяется количеством ссылок
на этот труд (или фамилию) в других источниках.
Есть и другие варианты определения смыслового значения (семантики) цитаты, где могут фигурировать теги (группировка элементов) и (описание для FIGURE), микроразметка и прочее, но здесь легко допустить фатальную ошибку, которая нарушит семантику и приведёт к непредсказуемым последствиям интерпретации.
Подведём итоги
Копирайтерам и сеошникам важно не только слепо следовать советам для веб-мастеров, но и понимать суть предлагаемых решений, определённых спецификациями.
Семантика – это не только единицы языка в лингвистике, но и значения конструкций в программировании, что гораздо важнее в разрезе продвижения сайтов в поисковых системах, которые являются программами.
Ссылочное ранжирование крепко завязано на смысловом значении цитирования.
Новинкой HTML5 является расширение семантической составляющей HTML-документа вообще и тега
в частности - используйте генератор правильного HTML-кода цитат.
Было изменено определение элементов
и . В статье рассказывается, что это значит для разработчиков.
Изменения в определении
Элемент
представляет контент, являющийся цитатой из другого источника, возможно
, включающим упоминание этого источника, которое должно быть
размещено внутри элементов
