2016-09-15 68 views
1

由于我使用了新主题并添加了一些插件,因此我的Wordpress网站中的引号出现了一些问题。标题中的CSS引号和报价引用

第一个问题:我想在我的页面标题(我正在谈论HTML <title>)中使用法语引号(«»),就像以前一样,例如here

第二个问题:我在我的帖子(带有法语引号)中有时会包含另一个引号的块引号:我希望这些“引号内”有双引号(“”)。我试图用CSS引用属性来做到这一点,但它似乎并没有工作。例如here(第四个blockquote)。

一些更多信息:我使用Qode Bridge主题,以及一些插件,特别是可以对标题问题产生影响的Yoast SEO。

回答

0

你真的应该有CSS的利润quotes财产。对此例子看看:

.guillemets { 
 
    quotes: "«\00A0""\00A0»"; 
 
    font-style: italic; 
 
} 
 
.guillemets::before { 
 
    content: open-quote; 
 
} 
 
.guillemets::after { 
 
    content: close-quote; 
 
} 
 
.guillemets .guillemets { 
 
    quotes: "\"" "\""; 
 
    font-style: normal; 
 
}
<p>Lorem ipsum dolor sit amet, <span class="guillemets">consectetur adipiscing</span> elit. Etiam et porttitor turpis. Aenean eget ligula tristique, aliquet quam sit amet, faucibus nunc. Ut quam dui, vulputate sit amet nunc id, aliquet commodo augue. 
 
    <span class="guillemets">Nulla <span class="guillemets">efficitur</span> nisi dignissim erat mollis</span>, nec feugiat felis egestas. 
 
</p>

\00A0是打开guillemets和前关闭一个在法国排版后需要牢不可破的空间至极。

+0

非常感谢!我可以用HTML标记blockquote替换.guillemets吗? – mhr

+0

@mhr是的,你可以用任何有效的CSS选择器替换它。 –

+0

好的,谢谢,所以我使用你的最后一段代码来表示报价中的引用,谢谢! 标签的任何想法? – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/4331941/">mhr</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4319274062" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>您可以将<code class="prettyprint-override">« »</code>放在额外的<code class="prettyprint-override"><p></code>或<code class="prettyprint-override"><span></code>之内。我宁愿<code class="prettyprint-override"><span></code>,因为它不会增加额外的休息时间。</p> <p><code class="prettyprint-override">""</code>也可以显示在<code class="prettyprint-override"><p></code>或<code class="prettyprint-override"><span></code>的内部。更好的方法可能是把它们放在<code class="prettyprint-override">''</code>的小引号内。</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/39511684">来源</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2016-09-15 12:59:12</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>for block quotes use <code class="prettyprint-override"><blockquote></code> HTML的标签。 <br> <a href="http://www.w3schools.com/html/html_quotation_elements.asp" rel="nofollow">http://www.w3schools.com/html/html_quotation_elements.asp</a></p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/39512021">来源</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2016-09-15 13:15:37</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> <!-- comments --> <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">谢谢,我已经在使用blockquote标记了! – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/4331941/">mhr</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>你应该尝试使用UTF符号:</p> <pre><code class="prettyprint-override">&#171; &#xab; &laquo; </code></pre> <p>左角度引述</p> <pre><code class="prettyprint-override">&#187; &#xbb; &raquo; </code></pre> <p>直角报价</p> <p>可在这里: <a href="http://character-code.com/french-html-codes.php" rel="nofollow">http://character-code.com/french-html-codes.php</a></p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/39599655">来源</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2016-09-20 16:47:30</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4319274062" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">相关问题</div> <ul class="relative_list"> <li> 1. <a href="http://cn.voidcc.com/question/p-uchhfjis-sp.html" target="_blank" title="问题与双引号和报价"> 问题与双引号和报价 </a> </li> <li> 2. <a href="http://cn.voidcc.com/question/p-unwwwujk-pu.html" target="_blank" title="CSS开报价显示1个引号"> CSS开报价显示1个引号 </a> </li> <li> 3. <a href="http://cn.voidcc.com/question/p-wntclqow-mh.html" target="_blank" title="检测字符串中的报价(“),单引号(')和逗号"> 检测字符串中的报价(“),单引号(')和逗号 </a> </li> <li> 4. <a href="http://cn.voidcc.com/question/p-fybgunqv-oh.html" target="_blank" title="googlecl命令行:标题中包含双引号和单引号"> googlecl命令行:标题中包含双引号和单引号 </a> </li> <li> 5. <a href="http://cn.voidcc.com/question/p-xmygsvnt-vu.html" target="_blank" title="使用Javascript/jQuery的报价和双引号逃逸"> 使用Javascript/jQuery的报价和双引号逃逸 </a> </li> <li> 6. <a href="http://cn.voidcc.com/question/p-mrqtdwng-ex.html" target="_blank" title="取代英文引号德国报价"> 取代英文引号德国报价 </a> </li> <li> 7. <a href="http://cn.voidcc.com/question/p-bqiyqujr-bs.html" target="_blank" title="将英文双引号法国报价"> 将英文双引号法国报价 </a> </li> <li> 8. <a href="http://cn.voidcc.com/question/p-rajqfxrw-us.html" target="_blank" title="WordPress更改双引号简单报价"> WordPress更改双引号简单报价 </a> </li> <li> 9. <a href="http://cn.voidcc.com/question/p-bvhrmmvu-ot.html" target="_blank" title="HTML和CSS中的单引号和双引号"> HTML和CSS中的单引号和双引号 </a> </li> <li> 10. <a href="http://cn.voidcc.com/question/p-bpycuexw-r.html" target="_blank" title="如何在报价中使用sed中的引号?"> 如何在报价中使用sed中的引号? </a> </li> <li> 11. <a href="http://cn.voidcc.com/question/p-ridsnsly-dg.html" target="_blank" title="使用引号样运营商或报价在Perl中的printf"> 使用引号样运营商或报价在Perl中的printf </a> </li> <li> 12. <a href="http://cn.voidcc.com/question/p-yozgtbiu-qe.html" target="_blank" title="替换简单的报价和双引号"> 替换简单的报价和双引号 </a> </li> <li> 13. <a href="http://cn.voidcc.com/question/p-shwsecga-kx.html" target="_blank" title="如何与排版的报价(又名弯引号)代替双引号"> 如何与排版的报价(又名弯引号)代替双引号 </a> </li> <li> 14. <a href="http://cn.voidcc.com/question/p-qgtpihvu-hg.html" target="_blank" title="引号引起问题的引号(“”),段落和空格"> 引号引起问题的引号(“”),段落和空格 </a> </li> <li> 15. <a href="http://cn.voidcc.com/question/p-ulmalrzf-my.html" target="_blank" title="区别正常报价和反引号在Python"> 区别正常报价和反引号在Python </a> </li> <li> 16. <a href="http://cn.voidcc.com/question/p-vvfoltuf-pr.html" target="_blank" title="Elixir报价/取消引号和宏行为"> Elixir报价/取消引号和宏行为 </a> </li> <li> 17. <a href="http://cn.voidcc.com/question/p-ebefjcgo-vk.html" target="_blank" title="解析iOS中的引号和双引号问题"> 解析iOS中的引号和双引号问题 </a> </li> <li> 18. <a href="http://cn.voidcc.com/question/p-hgrbjybi-px.html" target="_blank" title="按钮标题中的引号"> 按钮标题中的引号 </a> </li> <li> 19. <a href="http://cn.voidcc.com/question/p-pxirrhxb-nn.html" target="_blank" title="与引号和双引号用sed的"> 与引号和双引号用sed的 </a> </li> <li> 20. <a href="http://cn.voidcc.com/question/p-rirmcmxa-ok.html" target="_blank" title="允许简单的报价和正则表达式中的双引号"> 允许简单的报价和正则表达式中的双引号 </a> </li> <li> 21. <a href="http://cn.voidcc.com/question/p-sbrblagd-cc.html" target="_blank" title="删除包围在引号,不报价之间vscode或切换报价"> 删除包围在引号,不报价之间vscode或切换报价 </a> </li> <li> 22. <a href="http://cn.voidcc.com/question/p-fywnmftx-qq.html" target="_blank" title="FileHelpers中的引用标题"> FileHelpers中的引用标题 </a> </li> <li> 23. <a href="http://cn.voidcc.com/question/p-bpvewlhx-kq.html" target="_blank" title="在CSS中做引号"> 在CSS中做引号 </a> </li> <li> 24. <a href="http://cn.voidcc.com/question/p-yqepfvtj-nx.html" target="_blank" title="Android:replaceAll()和双引号问题"> Android:replaceAll()和双引号问题 </a> </li> <li> 25. <a href="http://cn.voidcc.com/question/p-gqmqslzf-hs.html" target="_blank" title="引用多种类型报价"> 引用多种类型报价 </a> </li> <li> 26. <a href="http://cn.voidcc.com/question/p-uujdqxvu-te.html" target="_blank" title="Django的相同型号的误差范围内引用ManyToManyField中没有报价"> Django的相同型号的误差范围内引用ManyToManyField中没有报价 </a> </li> <li> 27. <a href="http://cn.voidcc.com/question/p-nhyqlprl-ck.html" target="_blank" title="壳牌括号和报价"> 壳牌括号和报价 </a> </li> <li> 28. <a href="http://cn.voidcc.com/question/p-qxyldygq-eu.html" target="_blank" title="php撇号和报价"> php撇号和报价 </a> </li> <li> 29. <a href="http://cn.voidcc.com/question/p-xgidivbd-ma.html" target="_blank" title="CSS引导固定报头"> CSS引导固定报头 </a> </li> <li> 30. <a href="http://cn.voidcc.com/question/p-yyofdmwx-qw.html" target="_blank" title="用于报价的CSS"> 用于报价的CSS </a> </li> </ul> </div> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3534119089"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img2.voidcc.com/voidso/script/side.js?t=1652515421853"></script> <script type="text/javascript" src="http://img2.voidcc.com/voidso/plugin/highlight/highlight.pack.js"></script> <link href="http://img2.voidcc.com/voidso/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> 每日一句 </div> <div class="panel-body m-b-sm m-t-sm clearfix"> 每一个你不满意的现在,都有一个你没有努力的曾经。 </div> </div> <div class="row"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- VOIDCC问答侧边栏广告 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3862022848" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> 最新问题 </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://cn.voidcc.com/question/p-yioejhnx-tx.html" target="_blank" title="多层次按菜单角4"> 多层次按菜单角4 </a> </li> <li class="side_article_list_item"> 2. <a href="http://cn.voidcc.com/question/p-drsvokxw-tx.html" target="_blank" title="Yodlee providerAccounts REST端点凭证"> Yodlee providerAccounts REST端点凭证 </a> </li> <li class="side_article_list_item"> 3. <a href="http://cn.voidcc.com/question/p-mjfchfvz-ty.html" target="_blank" title="体面性能Gem5系统要求"> 体面性能Gem5系统要求 </a> </li> <li class="side_article_list_item"> 4. <a href="http://cn.voidcc.com/question/p-mjhxzvea-ty.html" target="_blank" title="熊猫:从行的特定列中选择值"> 熊猫:从行的特定列中选择值 </a> </li> <li class="side_article_list_item"> 5. <a href="http://cn.voidcc.com/question/p-sosxhfqn-tv.html" target="_blank" title="Bypass Itunes Connect Testflight应用程序-β审查"> Bypass Itunes Connect Testflight应用程序-β审查 </a> </li> <li class="side_article_list_item"> 6. <a href="http://cn.voidcc.com/question/p-uwbbnehm-rx.html" target="_blank" title="AsyncTask致命异常#1"> AsyncTask致命异常#1 </a> </li> <li class="side_article_list_item"> 7. <a href="http://cn.voidcc.com/question/p-nqoufjid-ro.html" target="_blank" title="ASP.NET MVC jQuery的负载用户控件尊重命名空间"> ASP.NET MVC jQuery的负载用户控件尊重命名空间 </a> </li> <li class="side_article_list_item"> 8. <a href="http://cn.voidcc.com/question/p-rrisuybd-rc.html" target="_blank" title="如何将批处理文件中find命令的输出捕获到变量中"> 如何将批处理文件中find命令的输出捕获到变量中 </a> </li> <li class="side_article_list_item"> 9. <a href="http://cn.voidcc.com/question/p-kecvahbx-qt.html" target="_blank" title="视图可以从活动中获得结果吗?"> 视图可以从活动中获得结果吗? </a> </li> <li class="side_article_list_item"> 10. <a href="http://cn.voidcc.com/question/p-uzdjctva-pp.html" target="_blank" title="另一个DropDownList选择项目问题"> 另一个DropDownList选择项目问题 </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> 相关问题</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://cn.voidcc.com/question/p-uchhfjis-sp.html" target="_blank" title="问题与双引号和报价"> 问题与双引号和报价 </a> </li> <li class="side_article_list_item"> 2. <a href="http://cn.voidcc.com/question/p-unwwwujk-pu.html" target="_blank" title="CSS开报价显示1个引号"> CSS开报价显示1个引号 </a> </li> <li class="side_article_list_item"> 3. <a href="http://cn.voidcc.com/question/p-wntclqow-mh.html" target="_blank" title="检测字符串中的报价(“),单引号(')和逗号"> 检测字符串中的报价(“),单引号(')和逗号 </a> </li> <li class="side_article_list_item"> 4. <a href="http://cn.voidcc.com/question/p-fybgunqv-oh.html" target="_blank" title="googlecl命令行:标题中包含双引号和单引号"> googlecl命令行:标题中包含双引号和单引号 </a> </li> <li class="side_article_list_item"> 5. <a href="http://cn.voidcc.com/question/p-xmygsvnt-vu.html" target="_blank" title="使用Javascript/jQuery的报价和双引号逃逸"> 使用Javascript/jQuery的报价和双引号逃逸 </a> </li> <li class="side_article_list_item"> 6. <a href="http://cn.voidcc.com/question/p-mrqtdwng-ex.html" target="_blank" title="取代英文引号德国报价"> 取代英文引号德国报价 </a> </li> <li class="side_article_list_item"> 7. <a href="http://cn.voidcc.com/question/p-bqiyqujr-bs.html" target="_blank" title="将英文双引号法国报价"> 将英文双引号法国报价 </a> </li> <li class="side_article_list_item"> 8. <a href="http://cn.voidcc.com/question/p-rajqfxrw-us.html" target="_blank" title="WordPress更改双引号简单报价"> WordPress更改双引号简单报价 </a> </li> <li class="side_article_list_item"> 9. <a href="http://cn.voidcc.com/question/p-bvhrmmvu-ot.html" target="_blank" title="HTML和CSS中的单引号和双引号"> HTML和CSS中的单引号和双引号 </a> </li> <li class="side_article_list_item"> 10. <a href="http://cn.voidcc.com/question/p-bpycuexw-r.html" target="_blank" title="如何在报价中使用sed中的引号?"> 如何在报价中使用sed中的引号? </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div><!-- wrap end--> <!-- footer --> <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://cn.voidcc.com/contact">联系我们</a></li> <li>© 2020 CN.VOIDCC.COM</li> <li><a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">沪ICP备13005482号-13</a></li> <li><script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1280098168&web_id=1280098168"></script></li> <li><a href="http://cn.voidcc.com/" target="_blank" title="程序问答园区">简体中文</a></li> <li><a href="http://hk.voidcc.com/" target="_blank" title="程序問答園區">繁體中文</a></li> <li><a href="http://ru.voidcc.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.voidcc.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.voidcc.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.voidcc.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.voidcc.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.voidcc.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.voidcc.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.voidcc.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.voidcc.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.voidcc.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.voidcc.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer> <!-- / footer --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-77509369-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-77509369-5'); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?67d4731349f0b00136755b80364ce381"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>