与»越来越远在我的HTML

Question

在我的新公司，他们有自己的HTML使用»像这样的做法：

<p>» <a href="/individuals/why-washington-national">Learn more</a></p> 

当我第一次遇到这样来到我扬了扬眉毛，但在检查他们的网站不同浏览器的数量并没有遇到任何问题。然而，在一个内部项目的会议上，我们的IT小组开始讨论这个角色能够通过第三方CMS提交内容更新的影响。

要非常清楚，他们不使用» ...代码看起来和上面一样。

我的选择是将»包装在一个范围内，然后在需要时或使用CSS对其进行设置。思考？

Answer 1

除了引用标记»的可访问性问题之外，HTML直接将其包含在源代码中是完全正确的。但是，在这种情况下，目的似乎主要是装饰性的，因此您可能需要考虑使用CSS伪元素和生成的内容来将其应用到需要的地方，并将它们全部保留在HTML之外。

HTML

<p class="raquo"> 
<a href="/individuals/why-washington-national">Learn more</a> 
</p> 

CSS

.raquo:before { 
    content: '»'; 
} 

然后，您可以使用CSS为:before元素的风格你的心脏的内容，而无需引入不必要的<div>的，在某些情况，限制使用该角色的可访问性影响。

顺便说一句，把<div>放在<p>的内部并不是语义。