cite в HTML


HTML :: Тег

В HTML тег (от англ. cite – цитировать) используется для выделения названия творческой работы, на которую ссылаются в цитате. Творческая работа может представлять из себя какое-нибудь литературное произведение, сценарий мероприятия, суждение, песню, фильм, игру, живопись, скульптуру, выставку, театральную постановку, компьютерную программу, веб-сайт, сообщение или комментарий в блоге или на форуме и так далее. Браузеры обычно отображают содержимое элемента курсивом.

в HTML

Тег помечает текст как цитату или сноску на другой материал. Такое выделение удобно для изменения стиля текста через CSS, а также применяется для разделения кода HTML на структурные элементы. Браузеры обычно устанавливают текст внутри контейнера курсивом.

Синтаксис

Закрывающий тег

Атрибуты

Пример. Использование тега

Спецификация ?

Спецификация Статус
WHATWG HTML Living Standard Живой стандарт
HTML5 Рекомендация
HTML 4.01 Specification Рекомендация

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
  • Cand >Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft ( Черновик спецификации ) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML ( Living ) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры: Настольные Мобильные ?

Internet Explorer Chrome Opera Safari Firefox
3 1 7 1 1
Android Firefox Mobile Opera Mobile Safari Mobile
1 1 7 1

Браузеры

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

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

в HTML

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

Атрибуты

Личные атрибуты: нет.

  • accesskey — устанавливает клавишу быстрого доступа для фокусировки на HTML-элементе.
  • class — задает имя класса или классов тега, используемых в CSS (Каскадные таблицы стилей).
  • dir — указывает направление текста внутри элемента.
  • id — задает имя идентификатора HTML-тега, который может использоваться в качестве «якоря» или в таблицах стилей.
  • lang — указывает язык, на котором написан текст внутри HTML-элемента.
  • style — необходим для применения встроенных стилей CSS к тегу.
  • tabindex — устанавливает порядок табуляции между элементами (клавиша Tab ).
  • title — выводит всплывающую подсказку при наведении курсора мыши на HTML-элемент.


Тип тега

Модель тега: inline (встроенный, уровня строки).

Может содержать: inline-теги, обычный текст и спецсимволы HTML (мнемоники).

Открывающий тег: необходим. Закрывающий тег: необходим.

Тег CITE

Браузер Internet Explorer Netscape Opera Safari Mozilla Firefox
Версия 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да
HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Тег помечает текст как цитату или сноску на другой материал. Такое выделение удобно для изменения стиля текста через CSS, а также применяется для разделения кода HTML на структурные элементы. Браузеры обычно устанавливают текст внутри контейнера курсивом.

Синтаксис

Закрывающий тег

Пример 1. Использование тега

Нельзя сказать человеку: «Ты можешь творить. Так давай, твори». Гораздо вернее подождать, пока он сам не скажет: «Я могу творить, и я буду творить, хотите вы этого или нет».

HTML Tag

The HTML tag is used for representing a citation in an HTML document.

Text enclosed in tags is intended to represent the title of a work (e.g. a book, a paper, an essay, a poem, a score, a song, a script, a film, a TV show, a game, a sculpture, a painting, a theatre production, a play, an opera, a musical, an exhibition, etc).

Note that the HTML5 specification allows the to include people’s names while the HTML Living Standard does not. For more information, see below under the heading «Differences Between HTML 4 & HTML 5».

Syntax

The tag is written as with the citation inserted between the start and end tags.

Examples

Title of a Work

In this example, we use the element to cite the title of a piece of work that contains the quote. We use the

Author’s Name

You can include the name of the author (whether it be a person, people, or organization) in your tag.

In this example we use the tag to provide the quote, and the to provide the name of the author.

Important Note: This option is only supported in HTML5 (i.e. the W3C version of HTML). The HTML Living Standard (WHATWG) does not allow people’s names to be included in the tag.

The tag can also contain a URL reference for the quote.

Attributes

Attributes can be added to an HTML element to provide more information about how the element should appear or behave.

There are 3 kinds of attributes that you can add to your HTML tags: Element-specific, global, and event handler content attributes.


The element accepts the following attributes.

Element-Specific Attributes

This table shows the attributes that are specific to the tag/element.

Attribute Description
None

Global Attributes

The following attributes are standard across all HTML5 elements. Therefore, you can use these attributes with the tag , as well as with all other HTML tags.

  • accesskey
  • class
  • contenteditable
  • contextmenu
  • dir
  • draggable
  • dropzone
  • hidden
  • id
  • inert
  • itemid
  • itemprop
  • itemref
  • itemscope
  • itemtype
  • lang
  • spellcheck
  • style
  • tabindex
  • title
  • translate

For a full explanation of these attributes, see HTML 5 global attributes.

Event Handler Content Attributes

Event handler content attributes enable you to invoke a script from within your HTML. The script is invoked when a certain «event» occurs. Each event handler content attribute deals with a different event.

Below are the standard HTML5 event handler content attributes.

Again, you can use any of these with the element, as well as any other HTML5 element.

  • onabort
  • oncancel
  • onblur
  • oncanplay
  • oncanplaythrough
  • onchange
  • onclick
  • oncontextmenu
  • ondblclick
  • ondrag
  • ondragend
  • ondragenter
  • ondragexit
  • ondragleave
  • ondragover
  • ondragstart
  • ondrop
  • ondurationchange
  • onemptied
  • onended
  • onerror
  • onfocus
  • onformchange
  • onforminput
  • oninput
  • oninvalid
  • onkeydown
  • onkeypress
  • onkeyup
  • onload
  • onloadeddata
  • onloadedmetadata
  • onloadstart
  • onmousedown
  • onmousemove
  • onmouseout
  • onmouseover
  • onmouseup
  • onmousewheel
  • onpause
  • onplay
  • onplaying
  • onprogress
  • onratechange
  • onreadystatechange
  • onscroll
  • onseeked
  • onseeking
  • onselect
  • onshow
  • onstalled
  • onsubmit
  • onsuspend
  • ontimeupdate
  • onvolumechange
  • onwaiting

For a full explanation of these attributes, see HTML 5 event handler content attributes.

Differences Between HTML 4 & HTML 5

However, there is a difference between HTML5 (W3C) and the HTML Living Standard (WHATWG). The HTML5 specification allows the element to contain the name of a person. The HTML Living Standard however, specifically states that the tag must not be used to mark up people’s names.

For more info, check out the links to the official specifications below.

Also, to see more detail on the HTML5 and HTML 4 versions, see HTML5 Tag and HTML4 Tag.

Template

Here’s a template for the tag with all available attributes for the tag (based on HTML5). These are grouped into attribute types, each type separated by a space. In many cases, you will probably only need one or two (if any) attributes. Simply remove the attributes you don’t need.

Note that the element does not actually have any local attributes (i.e. attributes that are specific to the element), but the following global attributes and event handlers are available to the element (and all other HTML elements).

For more information on attributes for this tag, see HTML5 Tag and HTML4 Tag.

Tag Details

For more details about the tag, see HTML5 Tag and HTML4 Tag.

Specifications

Here are the official specifications for the element.

What’s the Difference?


W3C creates «snapshot» specifications that don’t change once defined. So the HTML5 specification won’t change once it becomes an official recommendation. WHATWG on the other hand, develops a «living standard» that is updated on a regular basis. In general, you will probably find that the HTML living standard will be more closely aligned to the current W3C draft than to the HTML5 specification.

Сite и blockquote: перезагрузка

Недавно в спецификации HTML было изменено определение элементов

и . В статье рассказывается, что это значит для разработчиков.

Изменения в определении

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

Контент внутри элемента

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

Выделение в цитате авторское, прим. редактора.

Что изменения в

Прежде в HTML5 не было принято включать упоминание источника внутрь элемента

. Сейчас ситуация изменилась, при условии, что упоминание источника находится внутри элемента или . Упоминание источника внутри цитаты — распространенный кейс (данные показывают, что приблизительно в 60% случаев

Пример использования элементов и внутри

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

Редкий случай

Один из аргументов против использования cite и footer внутри blockquote для указания источника цитат состоит в том, что цитируемый контент сам по себе может содержать цитаты и ссылки на источники. Мы можем отбросить этот аргумент по той причине, что такие случаи крайне редки. Отказ от использования и ради такого редкого кейса — другой пример теоретической чистоты, которая не будет служить практическим целям.

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

(Добавлено 6.11.13, прим. редактора.) В ответ на отзывы, мы решили изменить наше предложение для спецификации так, чтобы использовать атрибут class (который может использоваться для расширения) элемента для обозначения, что это часть источника цитаты.

Изменения в определении

Элемент представляет отсылку к оригинальной работе. Он должен включать название работы или имя автора (персоналию, группу лиц или организацию), или ссылку, которые могут быть в представлены сокращенном виде в соответствии с соглашениями, принятыми при цитировании.

Что изменения в значат для разработчиков

Ранее в HTML5 не было принято упоминать автора источника по имени или заключать другую информацию об источнике в элемент . Применение было зарезервировано (теоретически) для названия источника. Это было попыткой пересмотреть определение элемента, не менявшееся 14 лет.

Разработчики выступали против изменений в определении:

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

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

Сколько раз в день тег , содержащий гиперссылку, опубликуется на веб-страницах? По меньшей мере, 70 миллиардов раз, т.е. примерно в 10 ссылках на странице результатов поиска Google.

Одна из причин, почему элемент теперь можно использовать для гиперссылок (даже не упоминая про идентичную ситуацию с Bing).

Что вы думаете?


Пожалуйста, прочитайте определения в спецификации HTML 5.1, нам интересно ваше мнение!

Огромное спасибо «доктору» Оли, чье исследование помогло подготовить изменения, произошедшие с элементами и

. И «доктору» Брюсу за то, что настаивал на своем праве цитировать свою маму.

Перевод оригинальной статьи «Cite and blockquote — reloaded» Стива Фолкнера (Steve Faulkner), опубликованной на сайте HTML5Doctor.com.

Комментарии +

Использование footer внутри blockquote, как я понимаю, чисто декоративное для дефиса/тире?

Не проще ли будет опустить footer и сделать дефисотире через before?

Антон, используется здесь по смысловому назначению, ровно так, как описано в спецификации:

A footer typically contains information about its section such as who wrote it, links to related documents, copyright data, and the like

Сайт неплох, но почему так медленно работает?!
Страницы грузятся по 5-14 секунд!

Добротный перевод отличной статьи! Искал информацию по цитатам с точки зрения SEO, и думаю что данное описание Брюса будет вскоре восприниматься ПС как идеальное использование цитат. если еще не воспринимается ;)

Столкнулся с мнением одного из участников рабочей группы HTML в W3C, что «мгновенные снимки» спецификаций W3C нужны в основном (если не исключительно) для решения юридических вопросов с патентами, и фактически устаревают задолго до перехода в статус какой-либо рекомендации. А для браузеров (и, соответственно, веб-разработчиков) важнее «живой стандарт» WHATWG. Кроме того, Хикси — еще и сотрудник Гугла, что дает основания подозревать, что и для поисковиков (как минимум, одного:) спецификация WHATWG как-то «роднее». В связи с этим возник вопрос: насколько такие изменения, нарушающие совместимость с «живым стандартом», являются авторитетными для индустрии? Есть ли вообще смысл принимать их в расчет?

Кроме того, пример «особого случая» с внутри цитаты (необходимость особого класса для указания, что используется по главному назначению, а не ради узаконенного хака!) выглядит действительно как-то не очень. Невольно возникает подозрение, что Стив Фолкнер, постоянно напирая на пришедшие из WHATWG принципы разработки HTML (разумный прагматизм и всё такое) и доводя их до абсурда, попросту слегка троллит того же Хикси:)

Помогите разобраться наконец в этой путанице!

HTML Tag

Sharing is caring!

Code Example

Any inaccuracies in this index may be explained by the fact that it has been sorted with the help of a computer.
— from The Art of Computer Programming by Donald Knuth

When to use

The purpose of the element is to identify the source of a quote. The element should contain the title of a work from which the quote comes. The tag is an underused element. It provides little or no presentational value, and is only there to add semantic information to

A bit of controversy

There are two different opinions about what should be included in the element. The more restrictive opinion is that only the title of a work should be included. The less restrictive opinion is that the title of a work and also the author can be included.

Which standard to follow depends on you. If you care a lot about HTML validation and following standards, you probably want to follow the more restrictive practice. If you are interested in pushing web standards forward, you might want to adopt the more liberal practice. Either way, it is important to realize that just an author’s name is never a valid use of the element. It should always contain at least the title of a work and, optionally, additional information such as the author.

HTML cite attribute

The purpose of the HTML cite attribute is to specify the URL which points to the source document or message.

Supported elements

HTML cite attribute supports blockquote, del, ins, q elements.

Syntax

Type of value


Value

Default value

There is no default value.

Supported doctypes

HTML 4.01 strict, HTML 4.01 transitional, HTML 4.01 frameset.

Example of HTML cite attribute with blockquote

Result

View this example in a separate browser window

Example of HTML cite attribute with q

Result

View this example in a separate browser window

Example of HTML cite attribute with ins and del

Result

View this example in a separate browser window

Тег CITE и его атрибуты.

В тег-контейнер CITE помещают ссылки или фрагменты текста с других ресурсов.

Категория тега :
Тег форматирования текста. Начальный тег необходим, конечный тег необходим.

Атрибуты тега :
id — идентификатор.
class — класс CSS
title — всплывающая подсказка.
style — встроенный инлайн стиль.
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown onkeyup — внутренние события.

Тег cite, синтаксис:
Цитата

Список всех HTML-тегов.

Поиск по тегам:
Список всех тегов
А вы знаете как сделать картинку фоном при помощи каскадных таблиц стилей?

Тег CITE

Информация:
Браузер Internet Explorer Netscape Opera Safari Mozilla Firefox
Версия 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да
HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Тег помечает текст как цитату или сноску на другой материал. Такое выделение удобно для изменения стиля текста через CSS, а также применяется для разделения кода HTML на структурные элементы. Браузеры обычно устанавливают текст внутри контейнера курсивом.

Синтаксис

Закрывающий тег

Пример 1. Использование тега

Нельзя сказать человеку: «Ты можешь творить. Так давай, твори». Гораздо вернее подождать, пока он сам не скажет: «Я могу творить, и я буду творить, хотите вы этого или нет».

Илон Маск рекомендует:  Псевдокласс default в CSS
Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL