Normalmente, ao elaborar textos para a web, eles não prestam atenção suficiente ao design das cotações. Tentando corrigir esse infeliz mal-entendido, abordaremos duas questões: o design tipográfico das citações (na parte em que os erros de layout são mais cometidos) e a implementação desse design em código HTML.

Também não abordaremos as questões de verificação da precisão semântica das citações, o uso correto de cortes, abreviações e adições - todos os interessados ​​estão aguardando o “Livro de referência do editor e autor” de A. E. Milchin e L. K. Cheltsova.

Esperamos que esta entrada seja conveniente para ser usada como referência para perguntas frequentes sobre formatação de citações.

Design tipográfico de citações

Citações

As aspas são colocadas apenas no início e no final de uma citação, independentemente do tamanho da citação e do número de parágrafos nela.

As citações são colocadas entre aspas do mesmo padrão que as usadas no texto principal como as principais - na grande maioria dos casos, são aspas de árvore de Natal "".

Se houver palavras (frases, frases) dentro da citação, por sua vez entre aspas, então a última deve ser de um padrão diferente das aspas que fecham e abrem a citação (se as aspas externas são árvores de Natal "", então o os internos são patas " ", e vice-versa). Por exemplo: Vasily Pupkin declarou em uma entrevista recente: “A empresa Pupstroytrest conquistou o honroso seiscentésimo décimo segundo lugar no ranking de empresas de construção em Zaporozhye”.

Se houver aspas da “terceira etapa” na citação, ou seja, dentro das frases citadas da citação, há, por sua vez, palavras tomadas entre aspas, como estas últimas, aspas da segunda figura, que é, patas, são recomendados. Um exemplo de Milchin e Cheltsova: M. M. Bakhtin escreveu: “Trishatov conta a um adolescente sobre seu amor pela música e desenvolve a ideia de uma ópera na frente dele: “Ouça, você gosta de música? Eu amo terrivelmente... Se eu estivesse compondo uma ópera, então, sabe, eu pegaria o enredo de Fausto. Eu amo muito esse tema.” Mas, em geral, é melhor tentar reorganizar o design da cotação de forma que esses casos não surjam.

Pontuação após uma citação no final de uma frase

1. Se houver reticências, um ponto de exclamação ou um ponto de interrogação antes das aspas de fechamento, e a citação entre aspas for uma frase independente (como regra, todas as citações após os dois pontos que as separam das palavras do aspas são assim) . Neste caso, o sinal de pontuação é colocado dentro de aspas. Um exemplo de Milchin e Cheltsova:
   Pechorin escreveu: “Não me lembro de uma manhã mais azul e fresca!”
   Pechorin admitiu: “Às vezes me desprezo...”
   Pechorin pergunta: “E por que o destino me jogou no círculo pacífico dos contrabandistas honestos?”
2. O mesmo se uma citação termina com uma frase independente, cuja primeira frase começa com uma letra minúscula. Por exemplo: Pechorin reflete: “... por que o destino me jogou em um círculo pacífico de contrabandistas honestos? Como uma pedra lançada em uma fonte suave, perturbei a tranquilidade deles..."
3. Se houver uma pergunta ou ponto de exclamação antes das aspas de fechamento, e a citação não for uma frase independente, e após a frase inteira com a citação deve haver uma pergunta ou ponto de exclamação. Por exemplo: Lermontov exclama no prefácio que esta é "uma velha e lamentável piada!"

Citação com as palavras do citador dentro

Se não houver sinais de pontuação no local onde a aspa quebra, ou a quebra ocorrer no lugar de uma vírgula, ponto e vírgula, dois pontos ou travessão, as palavras do aspas serão separadas em ambos os lados por uma vírgula e um traço ", -" (não esqueça que deve haver um espaço sem quebra antes do traço!).

Formatação de cotações no código

Assim, dois elementos são usados ​​para destacar aspas: uma citação em bloco e um q embutido. Além disso, o elemento cite inline é usado para descrever a fonte da qual a citação foi tirada. Observe que cite é usado apenas e é necessário indicar um link para a fonte, a citação em si não está incluída no elemento cite!

De acordo com a especificação HTML 4.01, os elementos blockquote e q podem usar os atributos cite="…" , que aponta para a URL de onde a citação foi emprestada (não deve ser confundida com um elemento cite separado) e title="… " , cujo conteúdo aparecerá como uma dica de ferramenta quando passar o mouse sobre a citação.

Infelizmente, os navegadores ainda não lidam muito bem com esses elementos HTML. Portanto, o atributo cite="…" não é renderizado por nenhum navegador. Para contornar essa falha, existe um script de Paul Davies que exibe uma dica de ferramenta com um link especificado no atributo cite em uma camada separada.

A segunda falha global relacionada à saída de cotações em linha está conectada (surpresa, surpresa!) à família de navegadores Internet Explorer. Novamente, de acordo com a especificação, o autor do documento não deve digitar aspas ao usar o elemento q. As aspas devem ser renderizadas pelo navegador e, no caso de aspas aninhadas, elas também possuem um padrão diferente. Ok, digamos que o Opera não cumpra o último requisito e as aspas para aspas aninhadas sejam as mesmas. Mas o IE até a versão 7 não os renderiza!

Além disso, o IE não entende as propriedades CSS quotes , before , after e content , que, bastardo, enterra completamente a esperança de resolver o problema com layout semanticamente correto usando CSS.

Este problema é resolvido de várias maneiras:

• usando uma propriedade de comportamento CSS proprietária (solução de Paul Davies) que aciona JavaScript que coloca aspas no IE, com o padrão de aspas aninhadas intercaladas;
• usando comentários condicionais, simplesmente executando JavaScript no carregamento da página (solução de Jez Lemon do Juicy Studio), enquanto o padrão de aspas aninhadas é constante;
• ou zerando as aspas em CSS usando a propriedade quotes e colocando aspas no texto manualmente, mas (atenção!) fora do elemento q para não violar as recomendações do W3C (solução de Stacey Cordoni no site A List Apart).

Portanto, escolhendo o segundo método dos dois primeiros, usamos o script de Jez Lemon, ligeiramente modificado para o idioma russo. Sim, com JavaScript desabilitado, o usuário do IE ficará sem aspas, aceitamos isso como um mal necessário.

Nossa solução de cotação

Além disso, para navegadores que renderizam aspas adequadamente, você precisa especificar a imagem das aspas para o idioma russo no arquivo CSS. Felizmente, na tipografia russa, aspas aninhadas têm um padrão independentemente do nível de aninhamento (que é fácil de implementar em CSS sem envolver classes adicionais), mas mais uma vez recomendamos evitar citações profundamente aninhadas na fase de escrita do texto.

// Adicionando ao arquivo CSS
// Aspas externas
q ( ​​aspas: "\00ab" "\00bb"; )

// Citações de patas aninhadas
q q ( aspas: "\201e" "\201c"; )

É claro que esse mecanismo, se necessário, pode ser complicado no caso de alternar aspas com aninhamento profundo, introduzindo classes, por exemplo, q.odd e q.even e especificando a classe à mão diretamente ao citar.

Agora nós formamos fácil e semanticamente a seguinte citação: “O sucesso da campanha Žalgiris”, disse Vladimiras Pupkins ao Russia Today, “se deve não apenas à escolha dos fornecedores de pasta de dente, mas também ao que Mark Twain chamou de “saltar pela porta que leva para dentro”.

O sucesso da campanha Zalgiris, disse em entrevista ao Russia Today Filhotes de Vladimiras, - se deve não apenas à escolha dos fornecedores de pasta de dente, mas também ao fato de que Mark Twain chamado pulando pela porta que leva para dentro.

A melhor parte é que os atributos title="…" para tags aninhadas são tratados corretamente pelos navegadores.

Escrever um exemplo para compartilhar corretamente os elementos blockquote , q e cite aninhados é deixado para o leitor como lição de casa. :)

atualizar: Correção de - é claro, para definir um padrão de cotação em CSS, você não precisa descrever estilos aninhados, a funcionalidade padrão das aspas: propriedade q é suficiente (aspas: "\00ab" "\00bb" "\201e" " \201c";)

Tag:

• citações
• citar
• bloco de citação
• citar

Dois elementos são usados ​​para criar aspas em HTML: elemento de bloco <Ыockquote> e elemento embutido . Marcação <Ыockquote> usado para exibir aspas longas que ocupam um parágrafo inteiro e exibi-lo recuado das bordas esquerda e direita. Essa tag permite que você coloque o texto de forma compacta no centro da página. Pode conter outros elementos de formatação de texto.

Elemento usado para citações curtas que fazem parte do parágrafo atual. Geralmente, os navegadores envolvem o conteúdo de um elemento entre aspas. Normalmente, uma cotação não inclui quebras de linha e a cotação é considerada um elemento de nível de texto.

Ambos os elementos podem ter um atributo CITAR, cujo valor é o URL do fragmento citado.

Exemplo: citações longas e curtas

• Tente você mesmo "

pode ser facilmente determinado usando uma linha de prumo vertical.

Como disse A. A. Milne, algumas pessoas falam com animais.

Zenith é o ponto mais alto no céu para um observador.
na direção vertical, que, como se sabe,
pode ser facilmente determinado usando uma linha de prumo vertical.

Como disse A. A. Milne, algumas pessoas falam com animais.

Marcação

Uma abreviatura é uma abreviatura de palavras adotadas por escrito ou uma palavra composta por várias partes de outras palavras (universidade, instituto de pesquisa, comitê executivo, etc.). Ao usar qualquer sigla ou abreviatura no texto, use a tag . Usando o atributo "title", você pode definir uma dica de ferramenta com a decodificação da abreviação. Ao mesmo tempo, os robôs de pesquisa indexam exatamente a versão completa da transcrição, definida no atributo "título". Para distinguir as abreviaturas do texto normal, elas são sublinhadas com uma linha pontilhada.

Exemplo: abreviatura

• Tente você mesmo "

A NASA está fazendo alguns experimentos espaciais incríveis.

Ex. Stephen Hawking é físico teórico e cosmólogo.

NАSА!} hospeda alguns incríveis
experimentos espaciais.

Ex. Stephen Hawking é físico teórico e cosmólogo.

Marcação