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

Question

Является ли это правильным использованием 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="http://stackoverflow.com">refrence url</a>
</p>

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

Answer 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>

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

Answer 2

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

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

<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-адрес, название произведения (напр.название книги, фильма и т.д.) или имя автора.

В ЧТОWG указывает, что он может содержать только 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's 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>

Answer 3

Вы могли бы рассмотреть BLOCKQUOTE аналогично a 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 - это атрибут любого из них, который просто указывает на источник.

Answer 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 которые являются частью содержимого цитаты (не ссылкой на источник), также считаются довольно редкими, и их следует обрабатывать с помощью класса differenciating на соответствующем cite подтег)

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

Answer 5

Согласно это, "cite" - это атрибут of q - и при этом не очень хорошо поддерживается.

Answer 6

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

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

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