Semantic HTML-coding multi-line quotes?

The question to adherents of semantic HTML markup.


How to typeset a multiline quotation? It is clear that the blockquote tag, but then I see the difficulty in a very common case, when in the last paragraph, after the quotation is some text: this is usually an indication of source in the brackets, the sign of a footnote or even a trivial point outside the quotes. What to do with this text?


On the one hand, it is not part of quotes, so inside the blockquote tag, it is nothing to do. On the other hand, it is part of the last paragraph of the grouped in the same tag.


Very bad becomes, if put quotation marks using CSS; then they seize and this text that is absolutely wrong. You can, of course, to thread the needle by wrapping the tag in a span, which is set to absolute positioning and a small indent on the left; then it falls out of context and go after the final quotation marks. But it has all sorts of undesirable side effect: the emergence, in certain situations, the scroll bar does not seem the appropriate order of text copying...


In General, you want solutions and semantically correct, to make it look right — or at least reasons why it is impossible.
October 14th 19 at 11:07
4 answers
October 14th 19 at 11:09
Semantic coding is a myth. A simple example — you want to highlight the word. In "semantic" layout for this is "semantic" tag <em></em>, which in print is usually displayed in italics. But in your phrase exactly for this word is, for example, a semicolon. By typographic rules, the semicolon is also necessary to italicize. Options: 1) leave the semicolon as it is, even though it is wrong; or 2) put a semicolon inside a "semantic" tag, which is strange, or allocate it separately with the same <em></em>, what is even more strange; or finally 3) forget about "semantics" and to impose what's right.

Form of communication — as an integral part, in the General case, the message cannot be divided into form and content. The medium is The message.
What should I do? As a "right"? To include a semicolon in a tag? And the fact that it can complicate automatic text processing script or XPath, is this correct?

It is clear that typographical rules are hard-pushed in modern CSS. Then just put something like em:next-letter:contains(';'){test-style: italic;}. Although em, in my opinion, in the Russian texts nothing to do at all, but strong just the same difficulty.

Interestingly, the standard setters think anything about this? They could adapt to the typographical rules or propose to modify them for the web. - damaris commented on October 14th 19 at 11:12
the developers of standards are generally far from real life - leila56 commented on October 14th 19 at 11:15
we will have:
<blockquote>
 <q>I am so happy and lucky to have worked with Net-Craft to design my website.
 They were so easy to communicate with and have such a fast turnaround.</q>
 <cite><a href="http://net-craft.com/portfolio/portfolio.php#ftb">FindtheBoutiques.com</a></cite>
</blockquote>
- Chelsie_Bor commented on October 14th 19 at 11:18
I don't quite understand why complicate the processing of the script :) But even if it's scripts and the need to solve complex problems, while the people all of the time add needed complexity. I usually cite the example of fonts — not only that, hundreds of thousands of them and all are new, but inside the fonts are added, for example, different colon, or different spellings of numbers. It is clear that with this CSS can't handle. (He at least shifts to cope, what can we say about more complex typographic ideas.) - orlo93 commented on October 14th 19 at 11:21
October 14th 19 at 11:11
Ready code above published.

The author — also part of the quote, you do not publish a quote without attribution. This cite.
We arrange quotes through q.
Not good. First, the author is not is part of the quote. Quote, according to the explanatory dictionary of Ozhegova, it's "accurate verbatim excerpt from a text called, the statements". Secondly, the upcoming HTML 5 strict and very clearly insists that the tag cite should include the name of the source and nothing more. No authors ' names, parentheses, and especially the final points. Thirdly, Your code is not valid: q and cite — string elements, and blockquote is supposed to contain only block. Fourth, I do not quite clearly stated, but had in mind a quote that spans multiple paragraphs, so q it is not necessary. - damaris commented on October 14th 19 at 11:14
October 14th 19 at 11:13
okay, and then how to call block "is an excerpt from the text + source"?

about cite — remember somewhere recently, just read about these changes, it is nonsense I think. but html5 is still a working draft, see what happens next.

code valid:
* clip2net.com/clip/m20050/1288856845-clip-131kb.png
* clip2net.com/clip/m20050/1288856999-clip-144kb.png

if the quote is multiple paragraphs model q on the div, you can add inside p to taste.
Don't know how to call this block. There is no such block, the defect HTML.

About validity — a habit I checked XHTML Strict 1.0, there is not valid. Well, not to cite the problem, it can be easily replaced with <span class="cite"></span> or anything like that.

If model q on the div, then, firstly, there is a problem with the quotes (okay, they can, blockquote>div to hang), and second text following the quotation will go in a separate paragraph, whereas it is required that he has completed the last paragraph of the quote. I've practiced with display, but the resolutions do not yet see. - damaris commented on October 14th 19 at 11:16
October 14th 19 at 11:15
>if the quote is multiple paragraphs q to model p, you can add inside the div is a good choice.

fixed for the greater SemanticNet.

and anyway, as I recall, the q tag is intended for situations when the string is necessary to isolate the part that is a quote.

I would have done so
div
blockquote
p text /p
p text /p
/blockquote
address cite /cite
/div
mm... about a div inside a p, I made a blunder... :( - damaris commented on October 14th 19 at 11:18
So my idea revolves around this structure. But now can be done with CSS to address was at the end of the last paragraph of the quote, rather than a separate paragraph? Of course, the following works:

blockquote, blockquote>p:last-child, blockquote>cite{display: inline;}

But appear ugly side effects. - leila56 commented on October 14th 19 at 11:21
Revered HTML5 draft. Still, the W3C write that cite only the titles of the quoted works. It seems to me that the source of the quotation, it is necessary to issue another way, because the quote source = the author, and the W3C is explicitly not recommended to be used cite for the name of the author.

When thinking in the ideology of the HTML5, it is necessary:

I am so happy and lucky to have worked with Net-Craft to design my website.

They were so easy to communicate with and have such a fast turnaround.


On reflection, I think the idea is to push the author in the last paragraph quotes — some kind of perversion. In life nobody does. If you quote a whole paragraph, the author stated at SL. line, possible with the right justification.

In your CSS change the display:block the tag blockquote on — line about what is semantics all about?

If you need to make a universal version for all browsers IE7+, then c about CSS3, last-child will forget. As they say, not to fat. Semantic coding is a spherical horse in vacuum that IE stumbles on and breaks down.

And poizvraschatsya possible so, for example:
 

I am so happy and lucky to have worked with Net-Craft to design my website.

They were so easy to communicate with and have such a fast turnaround.


blockquote[title]:after {<br> content: attr(title); float: right;<br> }

The problem is that the browsers don't use the attribute cite, although he appeared in blockquote in HTML4.01, i.e. in 1999.
That such semantic layout, alas.

So either have cheap (semantic layout) or to go (layout visual draft). - Chelsie_Bor commented on October 14th 19 at 11:24
Still, the W3C write that cite only the titles of the quoted works.


Can't cite, can p.blockquote-postlude or article/footer; as I understand, the problem did not in this detail.

On reflection, I think the idea is to push the author in the last paragraph quotes — some kind of perversion. In life nobody does.


This may not be the author. In my practice it is most often a footnote and, almost always, common point. She must complete the last paragraph, but to be outside the quotes! Still there may be a note in brackets, such as: "emphasis mine" or something like that.

In your CSS change the display:block the tag blockquote to inline about what semantics are you talking about?


Here again I do not see any difficulties. The style display changes the viewto the semantics of this any side.

If you need to make a universal version for all browsers IE7+, then c about CSS3, last-child will forget.


There is also no problem; the misunderstanding is justified CSS fixes Jscript'ohms.

So either have cheap (semantic layout) or to go (layout visual draft).


No, to combine them. But I can only HTML/CSS can not do here. You need to skriptovani and correct probably to use XSLT. - orlo93 commented on October 14th 19 at 11:27

Find more questions by tags HTMLLayout