Using a footer without a cite

Can a footer be used without specifying cite?

Is this acceptable code written like this?

blockquote {
  position: relative;
  width: 400px;
  margin: 8px 0 0 14px;
}

blockquote p {
  display: inline;
  font-family: Georgia, serif;
  font-size: 18px;
  font-style: italic;
  line-height: 1.45;
  color: #383838;
  text-decoration: none;
}

blockquote footer {
  color: #999999;
  font-size: 14px;
  margin-top: 5px;
  font-style: italic;
}
<blockquote>
  <p> <q>Never let society to turn you into a grain of sand on the
      beach. Be different, be individual. Refuse to look alike
      with others. Leave your herd, only then you will have a
      real name and till then your name will remain as the grain
      of sand.</q>
  </p>
  <footer>- Mehmet Murat ildan</footer>
</blockquote>

You are using both the <q> and <footer> elements incorrectly.

The HTML <footer> element represents a footer for its nearest sectioning content or sectioning root element.

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#Defining_sections

Edit: I notice that the MDN blockquote example users a footer, but that seems incorrect to me.

The HTML <footer> element represents a footer for its nearest sectioning content or sectioning root element.

<blockquote> is not among the elements listed as “sectioning content”, so therefore it appears to me the use of <footer> here is incorrect.

1 Like

Is this right?
https://www.w3.org/TR/2013/WD-html51-20131029/grouping-content.html#the-blockquote-element

Attribution for the quotation, may be be placed inside the blockquote element, but must be within a cite element for in-text attributions or within a footer element.

For example, here the attribution is given in a footer after the quoted text, to clearly relate the quote to its attribution:

<blockquote> <p>I contend that we are both atheists. I just believe in one fewer god than you do. When you understand why you dismiss all the other possible gods, you will understand why I dismiss yours.</p> <footer>— <cite>Stephen Roberts</cite></footer> </blockquote>

or this way

<figure>
 <blockquote>
 "That monster custom, who all sense doth eat
 Of habit's devil," <abbr title="et cetera">&c.</abbr> not in Folio
 
 "What a falling off was there !
 From me, whose love was of that dignity
 That it went hand in hand even with the vow
 I made to her in marriage, and to decline
 Upon a wretch."
 </blockquote>
 <footer>
 — <cite class="title">Shakespeare manual</cite> by <cite class="author">Frederick Gard Fleay</cite>, 
 p19 (in Google Books)
 </footer>
 </figure>

or this way


<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. We have a
  method, and that method helps us to reach not absolute truth, only
  asymptotic approaches to the truth — never there, just closer
  and closer, always finding vast new oceans of undiscovered
  possibilities. Cleverly designed experiments are the key.</p>
 </blockquote>
 <figcaption><cite>Carl Sagan</cite>, in "<cite>Wonder and Skepticism</cite>", from
 the <cite>Skeptical Enquirer</cite> Volume 19, Issue 1 (January-February
 1995)</figcaption>
</figure>

or this way

<figure>
 <blockquote>
 "That monster custom, who all sense doth eat
 Of habit's devil," <abbr title="et cetera">&c.</abbr> not in Folio
 
 "What a falling off was there !
 From me, whose love was of that dignity
 That it went hand in hand even with the vow
 I made to her in marriage, and to decline
 Upon a wretch."
 </blockquote>
 <footer>
 — <cite class="title">Shakespeare manual</cite> by <cite class="author">Frederick Gard Fleay</cite>, 
 p19 (in Google Books)
 </footer>
 </figure>

You are simply copying examples from the link to the specs which @PaulOB provided in your other thread, and it’s hard to see how they relate to the issue at hand.

You asked if it is OK to use a footer without specifying cite. (It’s unclear from your OP whether you’re referring to the attribute or element.)

Do any of those examples answer your question?

I was under the impression that you’re not allowed to put the authors name inside a cite element.

Are you allowed to?

Is this way wrong then?
It has the authors name inside of cite.

In their example the authors name is inside cite.

https://www.w3.org/TR/2013/WD-html51-20131029/grouping-content.html#the-blockquote-element

<figure>
 <blockquote>
 "That monster custom, who all sense doth eat
 Of habit's devil," <abbr title="et cetera">&c.</abbr> not in Folio
 
 "What a falling off was there !
 From me, whose love was of that dignity
 That it went hand in hand even with the vow
 I made to her in marriage, and to decline
 Upon a wretch."
 </blockquote>
 <footer>
 — <cite class="title">Shakespeare manual</cite> by <cite class="author">Frederick Gard Fleay</cite>, 
 p19 (in Google Books)
 </footer>
 </figure>

Did you read the article I linked to above?

This is wrong. Don’t look at these.
https://www.w3.org/TR/2013/WD-html51-20131029/grouping-content.html#the-blockquote-element

This is right?

This is wrong?
https://www.w3.org/TR/2013/WD-html51-20131029/text-level-semantics.html#the-cite-element

The cite element represents a reference to a creative work. It must include the title of the work or the name of the author(person, people or organization) or an URL reference, which may be in an abbreviated form as per the conventions used for the addition of citation metadata.

If this is right, then it can be written like this?

As shown in their example?

Attribution for the quotation, may be be placed inside the blockquote element, but must be within a cite element for in-text attributions or within a footer element.

For example, here the attribution is given in a footer after the quoted text, to clearly relate the quote to its attribution:

Is this acceptable code?

<blockquote>
 <p>I contend that we are both atheists. I just believe in one fewer
 god than you do. When you understand why you dismiss all the other
 possible gods, you will understand why I dismiss yours.</p>
 <footer>— <cite>Stephen Roberts</cite></footer>
 </blockquote>

From the MDN link:

It’s worth noting that the W3C specification says that a reference to a creative work, as included within a <cite> element, may include the name of the work’s author. However, the WHATWG specification for <cite> says the opposite: that a person’s name must never be included, under any circumstances.

A bit of controversy

There are two different opinions about what should be included in the <cite> 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.

I can set it up like this then?
Is this good?
Is that better?

blockquote {
  position: relative;
  width: 400px;
  margin: 8px 0 0 14px;
}

blockquote p.quote {
  display: inline;
  font-family: Georgia, serif;
  font-size: 18px;
  font-style: italic;
  line-height: 1.45;
  color: #383838;
  text-decoration: none;
}

blockquote p.author {
  color: #999999;
  font-size: 14px;
  margin-top: 5px;
  font-style: italic;
}
<blockquote>
  <p class="quote"> Never let society to turn you into a grain of sand on the
    beach. Be different, be individual. Refuse to look alike
    with others. Leave your herd, only then you will have a
    real name and till then your name will remain as the grain
    of sand.</p><br>
  <p class="author">- Mehmet Murat ildan</p>
</blockquote>

That’s probably how I would structure the HTML, although without more context, I can’t say for certain.

You should not use a <br> tag here. If you want more space, use margins or padding. I’m sure we’ve explained this more than once.

If the quote is from a written work, then reference to the source would usually be included somewhere, I think.

Again, without seeing the rest of the page I’m only guessing, but you should be able to simplify the CSS. Instead of blockquote p.quote and blockquote p.author, the classname alone will probably suffice: .quote and .author. Keep it as simple as possible.

Note: You have wandered well away from the topic of this thread. If you want to continue discussing methods of styling blockquotes, then please do so in your other thread.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.