Подтвердить что ты не робот

Правильное использование Blockquote, q и цитирование?

Правильно ли это использование Blockquote, q и cite?

<p>
<blockquote>Type HTML in the textarea above, <q>and it will magically appear</q> in the frame below.
</blockquote>
<cite><a href="#" onclick="location.href='http://stackoverflow.com'; return false;">refrence url</a>
</p>

Является ли использование Blockquote, q семантически правильным? или оба являются презентационным элементом, поэтому не следует использовать?

4b9b3361

ОТВЕТЫ

Ответ 1

Да. Они не представляют собой элементы представления - blockquote представляет собой калорийность блока, q представляет встроенную цитату, а cite представляет ссылку на имя, работу, стандарт, URL и т.д.

У вас есть некоторые ошибки проверки, которые довольно часто встречаются с blockquote. Элемент blockquote не может находиться внутри абзаца, а в HTML4 на самом деле нужно содержать абзацы. Вложение элементов p и blockquote в вашем фрагменте должно быть отменено.

Элемент blockquote (также элемент q) может необязательно иметь атрибут cite, чтобы указать URI, откуда появилась цитата. HTML5 говорит, что пользовательские агенты должны сделать эту ссылку доступной для пользователя, а HTML4 ничего не говорит. Я бы включил URI как в атрибут cite, так и в качестве встроенной ссылки, поскольку браузеры не обрабатывают его.

Вот как я напишу этот фрагмент с учетом этих изменений:

<blockquote cite="http://stackoverflow.com">
  <p>Type HTML in the textarea above, <q>and it will magically
  appear</q> in the frame below.</p>
</blockquote>
<p>
  <cite><a href="http://stackoverflow.com">reference url</a></cite>
</p>

Проверить этот фрагмент

Ответ 2

Другие ответы на этой странице устарели, но вопрос остается в силе.

Элемент q является встроенным элементом и должен использоваться так (т.е. внутри него нет элементов блока):

<p>
   In the words of <cite>Charles Bukowski</cite> -  
   <q>An intellectual says a simple thing in a hard way. 
   An artist says a hard thing in a simple way.</q>
</p>

Другой пример:

<p>
    <q>This is correct, said Hillary.</q> is a quote from the 
    popular daytime TV drama <cite>When Ian became Hillary</cite>.
</p>

Элемент q не следует размещать внутри элемента blockquote, поскольку он будет избыточным - оба обозначают цитату.

A blockquote является блочным элементом, позволяющим размещать другие элементы блока внутри:

  <blockquote>
    <p>My favorite book is <cite>At Swim-Two-Birds</cite>.</p>
    - <cite>Mike Smith</cite>
  </blockquote>

<cite> немного сложнее. Это встроенный элемент, но зависит от того, какую спецификацию HTML вы следуете. W3C утверждает, что он может содержать URL-адрес, название произведения (например, название книги, название фильма и т.д.) Или имя автора.

WHATWG утверждает, что он может содержать только URL-адрес или название произведения, а не имя человека.

Это действительное использование WHATWG:

<figure>
 <blockquote>
  <p>The truth may be puzzling. It may take some work to grapple with.
  It may be counterintuitive. It may contradict deeply held
  prejudices. It may not be consonant with what we desperately want to
  be true. But our preferences do not determine what true.</p>
 </blockquote>
 <figcaption>Carl Sagan, in "<cite>Wonder and Skepticism</cite>", from
 the <cite>Skeptical Inquirer</cite> Volume 19, Issue 1 (January-February
 1995)</figcaption>
</figure>

Ответ 3

Вы могли бы рассмотреть BLOCKQUOTE, аналогичный DIV и Q, аналогичный SPAN.

Рекомендуемое использование заключается в том, чтобы заключить большие кавычки в BLOCKQUOTE и кавычки с малой, одной строкой или предложением в Q.

<blockquote>
    <p>This is a big quote.</p>
    <p>This is the second paragraph with a smaller <q>quote</q> inside</p>
</blockquote>

Cite - это атрибут, который указывает только на источник.

Ответ 4

Использование атрибутов, таких как cite атрибут blockquote или q, не делает его легко отображаемым (без JS или сложного CSS), и поэтому не позволяет цели легко отображать ссылочную ссылку. Теперь это соответствует, чтобы включить cite (и/или footer) в blockquote, чтобы указать источник, либо текстовым способом через URL, цитаты, как показано ниже:

<blockquote>
  <p>Beware of bugs in the above code; I have only proved it correct, not tried it." </p>
  <cite><a href="http://www-cs-faculty.stanford.edu/~uno/faq.html">Donald Knuth: Notes on the van Emde Boas construction of priority deques: An instructive use of recursion, March 29th, 1977</a>
</blockquote>

Обратите внимание, что:

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

  • Что касается q, он действительно нацелен на цитирование строки, но скорее всего будет использоваться за пределами блок-кодов (цитаты в кавычки встречаются довольно редко).

Ответ 5

В соответствии с this, "cite" является атрибутом q - и не поддерживается.

Ответ 6

Семантическое (и действительное) использование элемента <cite> все еще обсуждается, даже если "в HTML5 использование этого элемента для обозначения имени человека больше не считается семантически подходящим".

Здесь вы найдете очень подробную и полезную статью о <blockquote>, <q> и <cite> ":

http://html5doctor.com/blockquote-q-cite/