русский  עברית
tadam logo
Рассылка
Присоединитесь к списку рассылки для получения последних новостей

Введите адрес электронной почты:

Примеры HTML
Основные атрибуты HTML

HTML Атрибут <blockquote> cite

Пример

Цитата с атрибутом cite, который определяет источник цитаты
<blockquote cite="http://en.wikiquote.org/wiki/Quotations">
It needs no dictionary of quotations to remind me that the eyes are the windows of the soul.
</blockquote>
Результат выполнения кода выше:

Определение и использование

Атрибут cite указывает источник цитаты.

Поддержка браузеров

Атрибут cite не поддерживается ни одним из ведущих браузеров. Но так как у него есть другие потенциальные виды использования (например, поисковыми системами, извлечения из него содержания с помощью DOM Scripting, и другое), и улучшенная встроенная поддержка для атрибута ожидается в будущих версиях браузеров, вы должны использовать атрибут cite при использовании blockquote.

Синтаксис

<blockquote cite="value">

Значения атрибута

ЗначениеОписание
URLИсточник цитаты.

Возможные значения:

  • Абсолютный URL - указывает на другой сайт (например, cite="http://www.example.com")
  • Относительный URL - указывает на файл в переделах того же сайта (например, cite="example.html")
  • Адрес якорь - указывает на именованный якорь (например, cite="#bottom")

Пример

Этот пример демонстрирует использование атрибута cite
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<style>
blockquote:after
{
  content:attr(cite);
  color:#900;
  font:normal normal normal 0.66em/1.1 sans-serif;
  position:absolute;
  bottom:-1.35em;
  right:0.1em;
}

blockquote 
{
  color:#009;
  font:italic normal normal 1em georgia,serif;
  padding:0 0 15px 0;
  margin:0;
  border-bottom:1px solid #900;
  position:relative;
}

blockquote > p
{
  margin:0;
}
</style>
<body>
<blockquote cite="http://www.alistapart.com/articles/taminglists/">
  <p>
    Believe it or not, we have just scratched the 
    surface of what can be done to modify lists with
    style sheets.
  </p>
</blockquote>
</body>
</html>
Результат выполнения кода выше:
Была ли эта информация полезной?
   

Комментарии